@import './styles/variables';

.network {
    border: 1px solid $brand-grey-dark;
    padding: $spacer;
    border-radius: $border-radius;
    text-align: left;

    p:last-child {
        margin-bottom: 0;
    }
}

.title {
    margin-bottom: $spacer / 4;
    margin-top: 0;
    font-size: $font-size-h2;

    span,
    code { 
        color: $brand-grey-light; 
        font-size: $font-size-base; 
        display: inline-block;
        margin-left: $spacer / 2;
    }

    code {
        font-weight: $font-weight-base;
    }
}

.block {
    a {
        color: $brand-grey-lighter;
    }
}

.status {
    margin-bottom: 0;
}

.success {
    color: $green;
}

.error {
    color: $red;
}

.latency {
    display: inline-block;
    margin-left: $spacer / 4;
    font-size: $font-size-mini;
}

.clientVersion {
    font-size: $font-size-mini;

}