.before-after-handle{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;cursor:grab}.before-after-handle .divider{height:100%;width:2px;background-color:color-mix(in srgb,#fff 50%,transparent)}.before-after-handle .divider.top{margin-top:calc(var(--spacing)*5)}.before-after-handle .divider.bottom{margin-bottom:calc(var(--spacing)*5)}.before-after-handle .handle{width:50px;min-height:50px;border:1px solid hsla(0,0%,100%,.4);border-radius:calc(infinity*1px);background-color:hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;color:#fff;--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}