1  @import 'common/sass/variables';
 2  
 3  .NetworkStatus {
 4    display: flex;
 5    align-items: center;
 6  
 7    &-icon {
 8      width: 10px;
 9      height: 10px;
10      margin-right: 4px;
11      border-radius: 100%;
12  
13      &.is-online {
14        background: color(brand-success);
15      }
16  
17      &.is-offline {
18        background: color(brand-danger);
19      }
20  
21      &.is-connecting {
22        background: color(brand-warning);
23      }
24    }
25  
26    &-text {
27      color: shade-dark(0.4);
28      font-size: 9px;
29    }
30  }