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

.bcs-Replies {
    margin-top: $bdl-grid-unit * 3;

    .bcs-Replies-content {
        position: relative;
        margin-bottom: $bdl-grid-unit * 4;
        padding-left: $bdl-grid-unit * 5;

        .bcs-Replies-list {
            // Override default ol margins
            margin: 0;

            ol {
                list-style: none;
            }
        }

        li:not(:last-child) {
            margin-bottom: $bdl-grid-unit * 4;
        }
    }

    .bcs-Replies-content::before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: $bdl-grid-unit;
        background: $bdl-gray-10;
        border-radius: $bdl-border-radius-size;
        content: '';
    }

    .bcs-Replies-loading {
        padding-bottom: $bdl-grid-unit * 5;
    }

    .bcs-RepliesToggle {
        margin-bottom: $bdl-grid-unit * 4;
    }
}