1 .invite-more { 2 &-dialog { 3 color: #fff; 4 font-size: 15px; 5 line-height: 24px; 6 7 &.separator { 8 margin: 24px 0 24px -20px; 9 padding: 0 20px; 10 width: 100%; 11 height: 1px; 12 background: #5E6D7A; 13 } 14 15 &.stream { 16 display: flex; 17 justify-content: space-between; 18 align-items: center; 19 padding: 8px 8px 8px 16px; 20 margin-top: 8px; 21 width: calc(100% - 26px); 22 height: 22px; 23 24 background: #2A3A4B; 25 border: 1px solid #5E6D7A; 26 border-radius: 3px; 27 cursor: pointer; 28 29 &:hover { 30 font-weight: 600; 31 } 32 33 &-text { 34 overflow: hidden; 35 text-overflow: ellipsis; 36 white-space: nowrap; 37 max-width: 292px; 38 39 &.selected { 40 font-weight: 600; 41 } 42 } 43 44 &.clicked { 45 background: #31B76A; 46 border: 1px solid #31B76A; 47 } 48 49 & > div > svg > path { 50 fill: #fff; 51 } 52 } 53 } 54 }