/* stylelint-disable selector-no-type */
.StreamsSummary {
    position: relative;

    .Filters-fixed + & {
        padding-top: 140px;

        .SnapshotItem:first-child h2 {
            font-weight: 500;
        }
    }

    &-value-hint {
        text-transform: none;
    }

    &-heading-hint {
        font-weight: normal;
        margin-top: 0;
    }

    &-empty-value {
        border-bottom: 5px solid var(--gray-800);
        display: inline-block;
        height: 4px;
        margin-bottom: 5px;
        width: 20px;
    }

    .Filters-fixed.Filters-with-track + & {
        padding-top: 190px;
    }

    & .Snapshot {
        border-top: none;
        color: inherit;
        justify-content: space-around;
    }

    /* stylelint-disable max-nesting-depth */
    & .SnapshotItem {
        border-right: none;
        margin: auto;
        width: 25%;

        &:first-child {
            .SnapshotItem-value {
                font-weight: 500;
            }
        }
    }

    & .VerticalBar {
        background: var(--gray-400);
        margin: 0 3% 0 0;
        position: relative;
        width: 1px;
    }
}

.StreamsSummarySas {
    & .Snapshot {
        background-color: var(--white);
        border: 1px solid var(--gray-400);
    }
}

.StreamsSummary-sns {
    display: flex;
    margin: 10px -10px 0;
}