.before-after-container[data-v-3c3ad6dc]{border-radius:12px;margin:0 auto;max-width:800px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.before-after-container[data-v-3c3ad6dc],.media-container[data-v-3c3ad6dc]{overflow:hidden;position:relative;width:100%}.media-container[data-v-3c3ad6dc]{height:var(--v7eec5dcc)}.after-media[data-v-3c3ad6dc],.before-media[data-v-3c3ad6dc]{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.media-element[data-v-3c3ad6dc]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.error-placeholder[data-v-3c3ad6dc]{align-items:center;background:#f0f0f0;color:#333;display:flex;font-size:16px;font-weight:600;height:100%;justify-content:center;width:100%}.divider[data-v-3c3ad6dc]{background:linear-gradient(180deg,transparent,#fff,transparent);cursor:ew-resize;height:100%;position:absolute;top:0;transition:left .3s ease;width:4px;z-index:20}.divider.dragging[data-v-3c3ad6dc]{transition:none}.divider-line[data-v-3c3ad6dc]{background:#fff;box-shadow:0 0 10px #0000004d;height:100%;left:50%;position:absolute;top:0;transform:translate(-50%);width:2px}.divider-handle[data-v-3c3ad6dc]{align-items:center;background:#ffffffe6;border-radius:50%;box-shadow:0 4px 12px #0003;display:flex;height:40px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:40px}.divider-handle[data-v-3c3ad6dc]:hover{background:#fff;transform:translate(-50%,-50%) scale(1.1)}.labels[data-v-3c3ad6dc]{display:flex;justify-content:space-between;left:0;padding:0 20px;position:absolute;right:0;top:20px;z-index:5}.label[data-v-3c3ad6dc]{border-radius:5.208rem;color:#fff;font-size:.729rem;font-weight:300;padding:.521rem 1.042rem;text-transform:uppercase}@media(max-width:768px){.media-container[data-v-3c3ad6dc]{height:calc(var(--v7eec5dcc)*.75)}}@media(hover:none){.divider-handle[data-v-3c3ad6dc]:hover{transform:translate(-50%,-50%)}}