/* Common */
/* Responsive Breakpoints */
/* Transitions - Based on Angular Material */
/* Elevation - Based on Angular Material */
.md-chip {
  height: 32px;
  padding: 8px 12px;
  display: inline-block;
  border-radius: 32px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  font-size: 13px;
  line-height: 16px;
  white-space: nowrap;
}
.md-chip.md-deletable {
    position: relative;
    padding-right: 32px;
}
.md-chip.md-editable .md-chip-container {
    cursor: pointer;
}
.md-chip:focus, .md-chip:active {
    outline: none;
}
.md-chip:focus:not(.md-disabled), .md-chip:active:not(.md-disabled) {
      cursor: pointer;
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}
.md-chip.md-disabled .md-button {
    pointer-events: none;
    cursor: default;
}
.md-chip .md-button.md-delete {
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 4px;
    right: 4px;
    border-radius: 24px;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-chip .md-button.md-delete .md-icon {
      width: 20px;
      min-width: 20px;
      height: 20px;
      min-height: 20px;
      margin: 0;
      font-size: 20px;
}
.md-chip .md-button.md-delete .md-ink-ripple {
      border-radius: 32px;
}
.md-chip .md-button.md-delete .md-ripple {
      opacity: .54;
}
.md-chips {
  min-height: 54px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.md-chips .md-chip {
    margin-right: 8px;
    margin-bottom: 4px;
}
.md-chips .md-input {
    width: 128px;
    -ms-flex: 1;
        flex: 1;
}

/*# sourceMappingURL=index.css.map*/