1/*!
  2 * Angular Material Design
  3 * https://github.com/angular/material
  4 * @license MIT
  5 * v1.1.1
  6 */
  7.md-contact-chips .md-chips md-chip {
  8  padding: 0 25px 0 0; }
  9  [dir=rtl] .md-contact-chips .md-chips md-chip {
 10    padding: 0 0 0 25px; }
 11  .md-contact-chips .md-chips md-chip .md-contact-avatar {
 12    float: left; }
 13    [dir=rtl] .md-contact-chips .md-chips md-chip .md-contact-avatar {
 14      float: right; }
 15    .md-contact-chips .md-chips md-chip .md-contact-avatar img {
 16      height: 32px;
 17      border-radius: 16px; }
 18  .md-contact-chips .md-chips md-chip .md-contact-name {
 19    display: inline-block;
 20    height: 32px;
 21    margin-left: 8px; }
 22    [dir=rtl] .md-contact-chips .md-chips md-chip .md-contact-name {
 23      margin-left: auto;
 24      margin-right: 8px; }
 25
 26.md-contact-suggestion {
 27  height: 56px; }
 28  .md-contact-suggestion img {
 29    height: 40px;
 30    border-radius: 20px;
 31    margin-top: 8px; }
 32  .md-contact-suggestion .md-contact-name {
 33    margin-left: 8px;
 34    width: 120px; }
 35    [dir=rtl] .md-contact-suggestion .md-contact-name {
 36      margin-left: auto;
 37      margin-right: 8px; }
 38  .md-contact-suggestion .md-contact-name, .md-contact-suggestion .md-contact-email {
 39    display: inline-block;
 40    overflow: hidden;
 41    text-overflow: ellipsis; }
 42
 43.md-contact-chips-suggestions li {
 44  height: 100%; }
 45
 46.md-chips {
 47  display: block;
 48  font-family: Roboto, "Helvetica Neue", sans-serif;
 49  font-size: 16px;
 50  padding: 0 0 8px 3px;
 51  vertical-align: middle; }
 52  .md-chips:after {
 53    content: '';
 54    display: table;
 55    clear: both; }
 56  [dir=rtl] .md-chips {
 57    padding: 0 3px 8px 0; }
 58  .md-chips.md-readonly .md-chip-input-container {
 59    min-height: 32px; }
 60  .md-chips:not(.md-readonly) {
 61    cursor: text; }
 62  .md-chips.md-removable md-chip {
 63    padding-right: 22px; }
 64    [dir=rtl] .md-chips.md-removable md-chip {
 65      padding-right: 0;
 66      padding-left: 22px; }
 67    .md-chips.md-removable md-chip .md-chip-content {
 68      padding-right: 4px; }
 69      [dir=rtl] .md-chips.md-removable md-chip .md-chip-content {
 70        padding-right: 0;
 71        padding-left: 4px; }
 72  .md-chips md-chip {
 73    cursor: default;
 74    border-radius: 16px;
 75    display: block;
 76    height: 32px;
 77    line-height: 32px;
 78    margin: 8px 8px 0 0;
 79    padding: 0 12px 0 12px;
 80    float: left;
 81    box-sizing: border-box;
 82    max-width: 100%;
 83    position: relative; }
 84    [dir=rtl] .md-chips md-chip {
 85      margin: 8px 0 0 8px; }
 86    [dir=rtl] .md-chips md-chip {
 87      float: right; }
 88    .md-chips md-chip .md-chip-content {
 89      display: block;
 90      float: left;
 91      white-space: nowrap;
 92      max-width: 100%;
 93      overflow: hidden;
 94      text-overflow: ellipsis; }
 95      [dir=rtl] .md-chips md-chip .md-chip-content {
 96        float: right; }
 97      .md-chips md-chip .md-chip-content:focus {
 98        outline: none; }
 99    .md-chips md-chip._md-chip-content-edit-is-enabled {
100      -webkit-user-select: none;
101      /* webkit (safari, chrome) browsers */
102      -moz-user-select: none;
103      /* mozilla browsers */
104      -khtml-user-select: none;
105      /* webkit (konqueror) browsers */
106      -ms-user-select: none;
107      /* IE10+ */ }
108    .md-chips md-chip .md-chip-remove-container {
109      position: absolute;
110      right: 0;
111      line-height: 22px; }
112      [dir=rtl] .md-chips md-chip .md-chip-remove-container {
113        right: auto;
114        left: 0; }
115    .md-chips md-chip .md-chip-remove {
116      text-align: center;
117      width: 32px;
118      height: 32px;
119      min-width: 0;
120      padding: 0;
121      background: transparent;
122      border: none;
123      box-shadow: none;
124      margin: 0;
125      position: relative; }
126      .md-chips md-chip .md-chip-remove md-icon {
127        height: 18px;
128        width: 18px;
129        position: absolute;
130        top: 50%;
131        left: 50%;
132        -webkit-transform: translate3d(-50%, -50%, 0);
133                transform: translate3d(-50%, -50%, 0); }
134  .md-chips .md-chip-input-container {
135    display: block;
136    line-height: 32px;
137    margin: 8px 8px 0 0;
138    padding: 0;
139    float: left; }
140    [dir=rtl] .md-chips .md-chip-input-container {
141      margin: 8px 0 0 8px; }
142    [dir=rtl] .md-chips .md-chip-input-container {
143      float: right; }
144    .md-chips .md-chip-input-container input:not([type]), .md-chips .md-chip-input-container input[type="email"], .md-chips .md-chip-input-container input[type="number"], .md-chips .md-chip-input-container input[type="tel"], .md-chips .md-chip-input-container input[type="url"], .md-chips .md-chip-input-container input[type="text"] {
145      border: 0;
146      height: 32px;
147      line-height: 32px;
148      padding: 0; }
149      .md-chips .md-chip-input-container input:not([type]):focus, .md-chips .md-chip-input-container input[type="email"]:focus, .md-chips .md-chip-input-container input[type="number"]:focus, .md-chips .md-chip-input-container input[type="tel"]:focus, .md-chips .md-chip-input-container input[type="url"]:focus, .md-chips .md-chip-input-container input[type="text"]:focus {
150        outline: none; }
151    .md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
152      background: transparent;
153      height: 32px; }
154    .md-chips .md-chip-input-container md-autocomplete md-autocomplete-wrap {
155      box-shadow: none; }
156    .md-chips .md-chip-input-container md-autocomplete input {
157      position: relative; }
158    .md-chips .md-chip-input-container input {
159      border: 0;
160      height: 32px;
161      line-height: 32px;
162      padding: 0; }
163      .md-chips .md-chip-input-container input:focus {
164        outline: none; }
165    .md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
166      height: 32px; }
167    .md-chips .md-chip-input-container md-autocomplete {
168      box-shadow: none; }
169      .md-chips .md-chip-input-container md-autocomplete input {
170        position: relative; }
171    .md-chips .md-chip-input-container:not(:first-child) {
172      margin: 8px 8px 0 0; }
173      [dir=rtl] .md-chips .md-chip-input-container:not(:first-child) {
174        margin: 8px 0 0 8px; }
175    .md-chips .md-chip-input-container input {
176      background: transparent;
177      border-width: 0; }
178  .md-chips md-autocomplete button {
179    display: none; }
180
181@media screen and (-ms-high-contrast: active) {
182  .md-chip-input-container,
183  md-chip {
184    border: 1px solid #fff; }
185  .md-chip-input-container md-autocomplete {
186    border: none; } }