.ios-webview [class*="mdn-Icon-"]:not([class*="fallback-"]),
.mondrian-fallback-active [class*="mdn-Icon-"]:not([class*="fallback-"]) {
  font-family: 'Mondrian Icons' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

.ios-webview .mdn-Icon-claro::before,
.mondrian-fallback-active .mdn-Icon-claro::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask: url('./icons/claro.svg') no-repeat center;
  mask-size: contain;
  -webkit-mask: url('./icons/claro.svg') no-repeat center;
  -webkit-mask-size: contain;
}

.ios-webview .mdn-Icon-quatro-quadrados::before,
.mondrian-fallback-active .mdn-Icon-quatro-quadrados::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask: url('./icons/quadrados-empilhados-direita.svg') no-repeat center;
  mask-size: contain;
  -webkit-mask: url('./icons/quadrados-empilhados-direita.svg') no-repeat center;
  -webkit-mask-size: contain;
}

.ios-webview .mdn-Icon-lupa::before,
.mondrian-fallback-active .mdn-Icon-lupa::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask: url('./icons/lupa.svg') no-repeat center;
  mask-size: contain;
  -webkit-mask: url('./icons/lupa.svg') no-repeat center;
  -webkit-mask-size: contain;
}

.ios-webview .mdn-Icon-estrela-vazia::before,
.mondrian-fallback-active .mdn-Icon-estrela-vazia::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask: url('./icons/estrela-vazia.svg') no-repeat center;
  mask-size: contain;
  -webkit-mask: url('./icons/estrela-vazia.svg') no-repeat center;
  -webkit-mask-size: contain;
}

.ios-webview .mdn-Icon-fone-headset::before,
.mondrian-fallback-active .mdn-Icon-fone-headset::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask: url('./icons/fone-headset.svg') no-repeat center;
  mask-size: contain;
  -webkit-mask: url('./icons/fone-headset.svg') no-repeat center;
  -webkit-mask-size: contain;
}

.ios-webview .mdn-Icon-fechar::before,
.mondrian-fallback-active .mdn-Icon-fechar::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask: url('./icons/fechar.svg') no-repeat center;
  mask-size: contain;
  -webkit-mask: url('./icons/fechar.svg') no-repeat center;
  -webkit-mask-size: contain;
}

.ios-webview .mdn-Icon-pessoa-circulo-perfil::before,
.mondrian-fallback-active .mdn-Icon-pessoa-circulo-perfil::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask: url('./icons/pessoa-circulo-perfil.svg') no-repeat center;
  mask-size: contain;
  -webkit-mask: url('./icons/pessoa-circulo-perfil.svg') no-repeat center;
  -webkit-mask-size: contain;
}

.ios-webview .mdn-Icon-celular::before,
.mondrian-fallback-active .mdn-Icon-celular::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask: url('./icons/celular.svg') no-repeat center;
  mask-size: contain;
  -webkit-mask: url('./icons/celular.svg') no-repeat center;
  -webkit-mask-size: contain;
}

.ios-webview .mdn-Icon-tv::before,
.mondrian-fallback-active .mdn-Icon-tv::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask: url('./icons/tv.svg') no-repeat center;
  mask-size: contain;
  -webkit-mask: url('./icons/tv.svg') no-repeat center;
  -webkit-mask-size: contain;
}

.ios-webview .mdn-Icon-monitor-desktop::before,
.mondrian-fallback-active .mdn-Icon-monitor-desktop::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask: url('./icons/monitor.svg') no-repeat center;
  mask-size: contain;
  -webkit-mask: url('./icons/monitor.svg') no-repeat center;
  -webkit-mask-size: contain;
}

.ios-webview .mdn-Icon-tablet::before,
.mondrian-fallback-active .mdn-Icon-tablet::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask: url('./icons/tablet.svg') no-repeat center;
  mask-size: contain;
  -webkit-mask: url('./icons/tablet.svg') no-repeat center;
  -webkit-mask-size: contain;
}

.mdn-Icon-claro,
.mdn-Icon-quatro-quadrados,
.mdn-Icon-lupa,
.mdn-Icon-estrela-vazia,
.mdn-Icon-fone-headset,
.mdn-Icon-fechar,
.mdn-Icon-pessoa-circulo-perfil,
.mdn-Icon-celular,
.mdn-Icon-tv,
.mdn-Icon-monitor-desktop,
.mdn-Icon-tablet {
  font-family: 'Mondrian Icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mdn-Icon-claro::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask: url('./icons/claro.svg') no-repeat center;
  mask-size: contain;
  -webkit-mask: url('./icons/claro.svg') no-repeat center;
  -webkit-mask-size: contain;
}

.mdn-Icon-quatro-quadrados::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask: url('./icons/quadrados-empilhados-direita.svg') no-repeat center;
  mask-size: contain;
  -webkit-mask: url('./icons/quadrados-empilhados-direita.svg') no-repeat center;
  -webkit-mask-size: contain;
}

.mdn-Icon-lupa::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask: url('./icons/lupa.svg') no-repeat center;
  mask-size: contain;
  -webkit-mask: url('./icons/lupa.svg') no-repeat center;
  -webkit-mask-size: contain;
}

.mdn-Icon-estrela-vazia::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask: url('./icons/estrela-vazia.svg') no-repeat center;
  mask-size: contain;
  -webkit-mask: url('./icons/estrela-vazia.svg') no-repeat center;
  -webkit-mask-size: contain;
}

.mdn-Icon-fone-headset::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask: url('./icons/fone-headset.svg') no-repeat center;
  mask-size: contain;
  -webkit-mask: url('./icons/fone-headset.svg') no-repeat center;
  -webkit-mask-size: contain;
}

.mdn-Icon-fechar::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask: url('./icons/fechar.svg') no-repeat center;
  mask-size: contain;
  -webkit-mask: url('./icons/fechar.svg') no-repeat center;
  -webkit-mask-size: contain;
}

.mdn-Icon-pessoa-circulo-perfil::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask: url('./icons/pessoa-circulo-perfil.svg') no-repeat center;
  mask-size: contain;
  -webkit-mask: url('./icons/pessoa-circulo-perfil.svg') no-repeat center;
  -webkit-mask-size: contain;
}

.mdn-Icon-celular::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask: url('./icons/celular.svg') no-repeat center;
  mask-size: contain;
  -webkit-mask: url('./icons/celular.svg') no-repeat center;
  -webkit-mask-size: contain;
}

.mdn-Icon-tv::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask: url('./icons/tv.svg') no-repeat center;
  mask-size: contain;
  -webkit-mask: url('./icons/tv.svg') no-repeat center;
  -webkit-mask-size: contain;
}

.mdn-Icon-monitor-desktop::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask: url('./icons/monitor.svg') no-repeat center;
  mask-size: contain;
  -webkit-mask: url('./icons/monitor.svg') no-repeat center;
  -webkit-mask-size: contain;
}

.mdn-Icon-tablet::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask: url('./icons/tablet.svg') no-repeat center;
  mask-size: contain;
  -webkit-mask: url('./icons/tablet.svg') no-repeat center;
  -webkit-mask-size: contain;
}

.ios-webview .mdn-Icon-cadeado-desbloqueado::before,
.mondrian-fallback-active .mdn-Icon-cadeado-desbloqueado::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask: url('./icons/cadeado-desbloqueado.svg') no-repeat center;
  mask-size: contain;
  -webkit-mask: url('./icons/cadeado-desbloqueado.svg') no-repeat center;
  -webkit-mask-size: contain;
}

.ios-webview .mdn-Icon-celular-configuracao::before,
.mondrian-fallback-active .mdn-Icon-celular-configuracao::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask: url('./icons/celular-configuracao.svg') no-repeat center;
  mask-size: contain;
  -webkit-mask: url('./icons/celular-configuracao.svg') no-repeat center;
  -webkit-mask-size: contain;
}

.ios-webview .mdn-Icon-dinheiro-sacola::before,
.mondrian-fallback-active .mdn-Icon-dinheiro-sacola::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask: url('./icons/dinheiro-sacola.svg') no-repeat center;
  mask-size: contain;
  -webkit-mask: url('./icons/dinheiro-sacola.svg') no-repeat center;
  -webkit-mask-size: contain;
}

.ios-webview .mdn-Icon-check-circulo::before,
.mondrian-fallback-active .mdn-Icon-check-circulo::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask: url('./icons/check-circulo.svg') no-repeat center;
  mask-size: contain;
  -webkit-mask: url('./icons/check-circulo.svg') no-repeat center;
  -webkit-mask-size: contain;
}

.ios-webview .mdn-Icon-escudo::before,
.mondrian-fallback-active .mdn-Icon-escudo::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask: url('./icons/escudo.svg') no-repeat center;
  mask-size: contain;
  -webkit-mask: url('./icons/escudo.svg') no-repeat center;
  -webkit-mask-size: contain;
}