/* Common */
/* Responsive Breakpoints */
/* Transitions - Based on Angular Material */
/* Elevation - Based on Angular Material */
.md-icon {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  font-size: 24px;
  margin: auto;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  fill: currentColor;
  text-rendering: optimizeLegibility;
  vertical-align: middle;
}
.md-icon.md-size-2x {
    width: 48px;
    min-width: 48px;
    height: 48px;
    min-height: 48px;
    font-size: 48px;
}
.md-icon.md-size-3x {
    width: 72px;
    min-width: 72px;
    height: 72px;
    min-height: 72px;
    font-size: 72px;
}
.md-icon.md-size-4x {
    width: 96px;
    min-width: 96px;
    height: 96px;
    min-height: 96px;
    font-size: 96px;
}
.md-icon.md-size-5x {
    width: 120px;
    min-width: 120px;
    height: 120px;
    min-height: 120px;
    font-size: 120px;
}
.md-icon svg {
    width: 100%;
    height: 100%;
}
img.md-icon {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

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