.network-display { display: flex; align-items: center; justify-content: flex-start; padding: 0 10px; border-radius: 4px; min-height: 25px; user-select: none; &--disabled { cursor: not-allowed; } &--colored { background-color: lighten(rgb(125, 128, 130), 45%); } &--mainnet { background-color: lighten($blue-lagoon, 68%); } &--ropsten { background-color: lighten($crimson, 45%); } &--kovan { background-color: lighten($purple, 65%); } &--rinkeby { background-color: lighten($tulip-tree, 35%); } &--goerli { background-color: lighten($dodger-blue, 35%); } & .chip__label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } & .chip__left-icon { margin-left: 4px; } & .chip__right-icon { margin-right: 4px; } &__icon { height: 8px; width: 12px; display: block; } &--clickable { cursor: pointer; } }