:host {
  display: block;
  background-color: #fcfcfc;
  font-family: Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
:host mi-route-instructions-step:hover {
  cursor: pointer;
  background-color: #f9fafb;
  transition: 300ms ease;
}
:host mi-route-instructions-step.active {
  background-color: #f3f4f6;
  transition: none;
  cursor: default;
}
:host .instructions-destination {
  display: flex;
}
:host .instructions-destination-icon {
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
:host .instructions-destination-icon mi-icon {
  width: 24px;
  height: 24px;
  background-color: #1c1917;
}
:host .instructions-destination-details {
  flex: 1;
  padding: 12px;
}
:host .instructions-destination-details mi-location-info {
  font-size: 0.875rem;
}