.ba-slider-container-5c6a982e {
    position: relative;
    width: 100%;
    overflow: hidden;
    user-select: none;
    -webkit-user-select: none;
    display: block;
}

.ba-img-before-5c6a982e {
    display: block;
    width: 100%;
    height: auto;
}

.ba-after-wrapper-5c6a982e {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden;
}

.ba-img-after-5c6a982e {
    display: block;
    width: 100%;
    height: auto;
    pointer-events: none;
}

.ba-divider-5c6a982e {
    position: absolute;
    top: 0;
    bottom: 0;
    cursor: ew-resize;
    z-index: 10;
}

/* Beautiful Vertical Pill Handle matches user's image exactly */
.ba-handle-button-5c6a982e {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 32px;
    height: 90px;
    border-radius: 16px;
    cursor: ew-resize;
    z-index: 11;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(4px);
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.ba-handle-button-5c6a982e:hover {
    transform: translate(-50%, -50%) scale(1.05);
}

/* Horizontal stripes inside the vertical pill */
.ba-handle-button-5c6a982e span {
    display: block;
    width: 14px;
    height: 2px;
    border-radius: 1px;
    background-color: rgba(0, 0, 0, 0.45);
    transition: background-color 0.2s ease;
}

/* Responsive visibility utilities */
@media (max-width: 767px) {
    .ba-slider-container-5c6a982e .desktop-only-5c6a982e {
        display: none !important;
    }
}
@media (min-width: 768px) {
    .ba-slider-container-5c6a982e .mobile-only-5c6a982e {
        display: none !important;
    }
}