:host {
  display: inline-flex;
  align-items: center;
}

svg {
  font-size: inherit;
  width: 1em;
  height: 1em;
}
svg.not-square {
  width: auto;
}
svg .stroke-primary {
  stroke: #e12e1e;
}
svg .fill-primary {
  fill: #e12e1e;
}
svg .stroke-secondary {
  stroke: #6b6e70;
}
svg .fill-secondary {
  fill: #6b6e70;
}
svg .stroke-white {
  stroke: #fff;
}
svg .fill-white {
  fill: #fff;
}
svg .logo-fill-primary {
  fill: #393839;
}
svg .logo-stroke-primary {
  stroke: #393839;
}
svg .no-fill {
  fill: none;
}
svg .no-stroke {
  stroke: none;
}
svg .fill-currentcolor {
  fill: currentcolor;
}
svg .stroke-currentcolor {
  stroke: currentcolor;
}
svg .fill-danger {
  fill: #d55026;
}
svg .stroke-danger {
  stroke: #d55026;
}

:host(.natural) svg .stroke-primary {
  stroke: #e12e1e;
}
:host(.natural) svg .stroke-primary.light {
  stroke: #f04a3e;
}
:host(.natural) svg .stroke-font {
  stroke: #403a3a;
}
:host(.natural) svg .fill-primary {
  fill: #e12e1e;
}
:host(.natural) svg .fill-primary.light {
  fill: #f04a3e;
}
:host(.natural) svg .fill-font {
  fill: #403a3a;
}

:host(.monochrome) svg .stroke-primary,
:host(.monochrome) svg .stroke-font {
  stroke: currentcolor;
}
:host(.monochrome) svg .fill-primary,
:host(.monochrome) svg .fill-font {
  fill: currentcolor;
}
/*# sourceMappingURL=lb-icon.css.map */