@property --split{syntax:"<percentage>";inherits:true;initial-value:50%}@layer components{.before-after-module_E01Mua_frame{--knob:2.25rem;aspect-ratio:9/16;border-radius:var(--radius-xl);background:var(--media-bg);cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.before-after-module_E01Mua_frame:has(.before-after-module_E01Mua_slider:focus-visible){box-shadow:var(--focus-ring)}.before-after-module_E01Mua_layer{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.before-after-module_E01Mua_top{clip-path:polygon(calc(var(--split) + var(--lean)) 0, 100% 0, 100% 100%, calc(var(--split) - var(--lean)) 100%)}.before-after-module_E01Mua_tag{padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:color-mix(in srgb, var(--bg) 70%, transparent);color:var(--text);font-size:var(--text-xs);pointer-events:none;font-weight:600;position:absolute}.before-after-module_E01Mua_tag[data-side=start]{inset-block-start:var(--space-3);inset-inline-start:var(--space-3)}.before-after-module_E01Mua_tag[data-side=end]{background:var(--accent);color:var(--accent-fg);inset-block-end:var(--space-3);inset-inline-end:var(--space-3)}.before-after-module_E01Mua_divider{background:var(--accent);clip-path:polygon(calc(var(--split) + var(--lean)) 0, calc(var(--split) + var(--lean) + 2px) 0, calc(var(--split) - var(--lean) + 2px) 100%, calc(var(--split) - var(--lean)) 100%);pointer-events:none;position:absolute;inset:0}.before-after-module_E01Mua_knob{width:var(--knob);height:var(--knob);border-radius:var(--radius-full);background:var(--accent);color:var(--accent-fg);pointer-events:none;place-items:center;display:grid;position:absolute;inset-block-start:50%;inset-inline-start:var(--split);translate:-50% -50%}.before-after-module_E01Mua_slider{opacity:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.before-after-module_E01Mua_sweep{animation:before-after-module_E01Mua_reveal .65s var(--ease-out) both, before-after-module_E01Mua_sweep 5s ease-in-out .65s infinite alternate}@keyframes before-after-module_E01Mua_reveal{0%{--split:100%}to{--split:18%}}@keyframes before-after-module_E01Mua_sweep{0%{--split:18%}to{--split:82%}}}