1  @import 'common/sass/variables';
 2  @import 'common/sass/variables/colors';
 3  @import 'common/sass/variables/spacing';
 4  
 5  .AddressFieldDropdown {
 6    position: absolute;
 7    top: calc(100% - #{$space});
 8    width: 100%;
 9    border: 1px solid color(gray-lighter);
10    border-top: none;
11    background: color(component-active-color);
12    z-index: 1;
13    list-style-type: none;
14    margin: 0;
15    padding: 0;
16    box-shadow: $tab-box-shadow;
17    text-align: center;
18  
19    &-dropdown-item {
20      margin: 0;
21      padding: $space-md $space;
22      display: flex;
23      align-items: center;
24  
25      &:hover {
26        cursor: pointer;
27        background: color(gray-lightest);
28      }
29  
30      &-identicon {
31        width: 40px;
32        height: 40px;
33        margin-right: $space-sm;
34  
35        .Identicon {
36          width: 40px !important;
37          height: 40px !important;
38        }
39  
40        @media (max-width: 380px) {
41          display: none;
42        }
43      }
44  
45      &-label,
46      &-address {
47        overflow: hidden;
48        text-overflow: ellipsis;
49      }
50  
51      &-label {
52        flex: 1 0 0;
53        padding-left: 0.2rem;
54        text-align: left;
55      }
56  
57      &-address {
58        flex: 3 0 0;
59      }
60  
61      &-no-match {
62        word-break: break-word;
63  
64        &:hover {
65          cursor: not-allowed;
66          background: inherit;
67        }
68  
69        i {
70          margin-right: $space-sm;
71        }
72      }
73  
74      &--active {
75        background: color(gray-lighter);
76      }
77    }
78  }