.bp-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
    text-align: center;
    border: 0 none;

    &::before {
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        content: '';
    }

    img {
        position: absolute;
        vertical-align: middle;
    }

    .pannable,
    .panning {
        cursor: move;
    }

    .zoomable {
        cursor: pointer; /* cursor for IE 11 */
        cursor: zoom-in;
    }
}

.bp-images-wrapper {
    margin: 0 auto;
    padding: 0;
    border: 0 none;
    cursor: pointer; /* cursor for IE 11 */
    cursor: zoom-in;
}

.bp-images img {
    display: block;
    width: 100%;
}

.bp-content {
    &.bp-annotations-create--region.bp-annotations-ftux-image-cursor-seen {
        .ba-PopupCursor {
            display: none;
        }
    }
}

.bp-prefetched-image {
    position: absolute;
    width: 1px;
    height: 1px;
    visibility: hidden;
}
