@import '~@capillarytech/cap-ui-library/styles/_variables';

.reachability-summary {
    .not-reachable-info-icon {
        margin-left: $CAP_SPACE_12;
    }
}

.not-reachable-tooltip {
    .category-details {
        margin-top: $CAP_SPACE_16;
        position: relative;

        &::before {
            content: '';
            width: $CAP_SPACE_12;
            height: 0.071rem;
            background: $CAP_G04;
            position: absolute;
            top: 45%;
        }

        .category-details-row {
            margin-left: $CAP_SPACE_18;

            .reachable-category-percentage {
                margin-left: $CAP_SPACE_04;
            }
            .not-reachable-category-count {
                margin-left: $CAP_SPACE_08;
            }
        }
    }

    .not-reachable-reasons{
        position: relative;
        margin-left: $CAP_SPACE_04;
        &::before {
            position: absolute;
            width: 0.071rem;
            height: 100%;
            content: '';
            background: $CAP_G04;
            margin-right: $CAP_SPACE_12;
            top: -$CAP_SPACE_12;
        }
    }
}