@import '../../../common/variables';

.be-transcript {
    .be-transcript-row,
    .btn-plain.be-transcript-row {
        display: flex;
        width: 100%;
        margin-bottom: 10px;
        overflow: visible;
        line-height: 20px;
        white-space: normal;
        text-align: left;

        &:hover,
        &:focus,
        &:active {
            text-decoration: none;
            background: $selected-blue-background;
        }
    }

    .be-transcript-time {
        padding: 5px 20px 5px 5px;
    }

    .be-transcript-text {
        flex: 1;
        padding: 5px 5px 5px 0;
    }

    .be-transcript-content-collapsed {
        .be-transcript-text {
            padding-right: 10px;
        }
    }
}