.mockup-pieces-layer[data-v-7f243d1f]{margin:20px auto;max-width:300px;overflow:hidden;position:relative}.mockup-pieces-layer>span[data-v-7f243d1f]{cursor:move;left:0;overflow:hidden;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mockup-pieces-layer>span img[data-v-7f243d1f]{height:100%;left:0;opacity:.8;pointer-events:none;position:absolute;top:0;width:100%}.mockup-pieces-slider[data-v-7f243d1f]{align-items:center;display:flex;padding:8px 0}.mockup-pieces-slider>svg[data-v-7f243d1f]{cursor:pointer;height:18px;margin-left:16px;width:18px}.mockup-pieces-slider>svg[data-v-7f243d1f]:hover{color:#f60}.mockup-pieces-process[data-v-7f243d1f]{display:flex;flex-wrap:wrap}.mockup-pieces-process span[data-v-7f243d1f]{border:1px solid #ddd;cursor:pointer;line-height:32px;margin:4px;padding:0 8px}.mockup-pieces-process span.active[data-v-7f243d1f]{border-color:#f60;color:#f60}.mockup-pieces-image[data-v-7f243d1f]{display:flex;flex-wrap:wrap}.mockup-pieces-image img[data-v-7f243d1f]{border:1px solid transparent;border-radius:5px;cursor:pointer;height:100px;margin:5px;max-width:100px}.mockup-pieces-image img.active[data-v-7f243d1f]{border-color:#f60}.mockup-pieces-image img[data-v-7f243d1f]:hover{box-shadow:0 0 0 1px #0000004d}