.wcw-before-after-wrap{width:100%;line-height:0}img-comparison-slider{width:100%;height:500px;display:block;outline:none;user-select:none;--divider-width:2px;--divider-color:#ffffff;--handle-opacity:1;--handle-opacity-active:1;--default-handle-opacity:0;--default-handle-width:0}.wcw-figure{display:block;width:100%;height:100%;margin:0;padding:0;position:relative}.wcw-figure .wcw-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.wcw-label{display:inline-block;white-space:nowrap;z-index:10;pointer-events:none;font-size:13px;font-weight:600;line-height:1.4;letter-spacing:.03em;text-transform:uppercase;color:#fff;background-color:rgb(0 0 0 / .5);padding:5px 14px;border-radius:4px;text-shadow:0 1px 3px rgb(0 0 0 / .4)}.wcw-handle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background-color:#fff;box-shadow:0 2px 10px rgb(0 0 0 / .3);cursor:col-resize;transition:transform 0.15s ease,box-shadow 0.15s ease}img-comparison-slider[direction="vertical"] .wcw-handle{cursor:row-resize}img-comparison-slider:hover .wcw-handle,img-comparison-slider:focus .wcw-handle{transform:scale(1.1);box-shadow:0 4px 16px rgb(0 0 0 / .35)}img-comparison-slider:active .wcw-handle{transform:scale(.96);box-shadow:0 1px 6px rgb(0 0 0 / .25)}.wcw-handle__arrows{width:60%;height:60%;color:#1a1a1a;display:block;pointer-events:none}.wcw-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:160px;padding:40px 24px;background:#f6f7f7;border:2px dashed #c3c4c7;border-radius:6px;text-align:center;line-height:1.5}.wcw-empty-state p{margin:0;font-size:13px;color:#a7aaad}