@import '../../../styles/variables';

.bcs-VersionsList {
    .be & {
        margin: 0;
    }
}

.bcs-VersionsList-item {
    $border-height: 1px;
    $border-padding: 10px;

    .bcs-VersionsItem {
        width: calc(100% + #{$border-padding * 2});
        margin-right: -$border-padding;
        margin-bottom: -$border-height;
        margin-left: -$border-padding;

        &:focus,
        &:hover {
            z-index: 2;
        }

        &.bcs-is-selected {
            z-index: 1;
        }
    }

    & + & {
        border-top: $border-height solid $bdl-gray-10;

        .bcs-VersionsItem {
            margin-top: -$border-height;
        }
    }
}