.comparisonBox {
    pointer-events: all;
    border-radius: inherit;
    width: 100%;
    height: 100%;
    background-color: grey;

    .content-wrapper {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 95%;

        .clip-div {
            position: absolute;
            top: 0;
            left: 0;
            width: 50%;
            height: 100%;
            overflow: hidden;
            z-index: 999;

            .beforeBox-cont {
                height: 100%;
                overflow: auto;
                background-color: rgb(240, 240, 240);
            }

            .slide-bar {
                position: absolute;
                width: 5px;
                height: 100%;
                top: 0;
                right: 0;
                background-color: grey;
                cursor: ew-resize;
            }
        }

        .afterBox-cont {
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
            width: 100%;
            overflow: hidden;
            background-color: lightgray;
        }

        .clear-button {
            position: absolute;
            top: 3px;
            opacity: 0.8;
            pointer-events: all;
            cursor: pointer;
        }

        .clear-button.before {
            left: 3px;
        }

        .clear-button.after {
            right: 3px;
        }

        .placeholder {
            width: 50%;
            height: 50%;
            margin-top: 25%;
            margin-left: 25%;

            .upload-icon {
                width: 100%;
                height: 100%;
                opacity: 0.5;
            }
        }
    }
}