/* Media Dost local icon system. SVG icons inherit text color and font-size. */
.md-icon-host,
ion-icon.md-icon-host {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  vertical-align: -0.125em;
  flex: 0 0 auto;
  color: inherit;
}

.md-icon-host > svg,
ion-icon.md-icon-host > svg {
  display: block;
  width: 1em;
  height: 1em;
  fill: currentColor;
  overflow: visible;
  pointer-events: none;
}

.md-icon-spin > svg {
  animation: md-icon-spin 1s linear infinite;
}

@keyframes md-icon-spin {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .md-icon-spin > svg { animation-duration: 2s; }
}