/* BOLEPIX_WA_TOP_WHATSAPP_GLYPH_V5703Z172WA1R7 */

/*
 * O elemento original continua sendo:
 * #bp-wa-top-status-v172
 *
 * A lógica existente continua alterando:
 * data-state="online|offline|checking"
 *
 * Aqui trocamos apenas o desenho do miolo.
 */

#bp-wa-top-status-v172.bp-wa-top-status-v172{
  overflow:visible !important;
}

/* Neutraliza o ponto circular antigo. */
#bp-wa-top-status-v172.bp-wa-top-status-v172::after{
  content:"" !important;

  width:25px !important;
  height:25px !important;

  display:block !important;
  flex:0 0 25px !important;

  border-radius:0 !important;
  border:0 !important;

  box-shadow:none !important;

  background-color:#94a3b8 !important;

  /*
   * Ícone de telefone dentro de balão de conversa,
   * visual inspirado em mensageiros como WhatsApp.
   * A máscara recebe a cor do estado.
   */
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='black' d='M16 2.5C8.55 2.5 2.5 8.28 2.5 15.4c0 2.44.72 4.72 1.97 6.67L2.6 29.5l7.76-1.93A14.06 14.06 0 0 0 16 28.75c7.45 0 13.5-5.78 13.5-12.9S23.45 2.5 16 2.5Zm0 23.9c-1.84 0-3.57-.43-5.1-1.2l-.72-.36-4.6 1.14 1.12-4.31-.42-.67a10.92 10.92 0 0 1-1.74-5.85C4.54 9.3 9.67 4.55 16 4.55c6.33 0 11.46 4.75 11.46 10.6S22.33 26.4 16 26.4Zm6.32-7.94c-.35-.17-2.05-.97-2.37-1.08-.32-.12-.55-.17-.78.17-.23.34-.9 1.08-1.1 1.3-.2.23-.4.25-.75.08-.35-.17-1.46-.52-2.78-1.66-1.03-.89-1.72-1.98-1.92-2.32-.2-.34-.02-.52.15-.69.16-.15.35-.4.52-.6.17-.2.23-.34.35-.57.12-.23.06-.43-.03-.6-.09-.17-.78-1.8-1.07-2.46-.28-.67-.57-.58-.78-.59h-.67c-.23 0-.61.08-.93.42-.32.34-1.22 1.16-1.22 2.83 0 1.67 1.25 3.29 1.42 3.52.17.23 2.46 3.6 5.95 5.05.83.35 1.48.56 1.99.72.84.25 1.6.22 2.2.13.67-.1 2.05-.8 2.34-1.57.29-.77.29-1.43.2-1.57-.09-.14-.32-.23-.67-.4Z'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='black' d='M16 2.5C8.55 2.5 2.5 8.28 2.5 15.4c0 2.44.72 4.72 1.97 6.67L2.6 29.5l7.76-1.93A14.06 14.06 0 0 0 16 28.75c7.45 0 13.5-5.78 13.5-12.9S23.45 2.5 16 2.5Zm0 23.9c-1.84 0-3.57-.43-5.1-1.2l-.72-.36-4.6 1.14 1.12-4.31-.42-.67a10.92 10.92 0 0 1-1.74-5.85C4.54 9.3 9.67 4.55 16 4.55c6.33 0 11.46 4.75 11.46 10.6S22.33 26.4 16 26.4Zm6.32-7.94c-.35-.17-2.05-.97-2.37-1.08-.32-.12-.55-.17-.78.17-.23.34-.9 1.08-1.1 1.3-.2.23-.4.25-.75.08-.35-.17-1.46-.52-2.78-1.66-1.03-.89-1.72-1.98-1.92-2.32-.2-.34-.02-.52.15-.69.16-.15.35-.4.52-.6.17-.2.23-.34.35-.57.12-.23.06-.43-.03-.6-.09-.17-.78-1.8-1.07-2.46-.28-.67-.57-.58-.78-.59h-.67c-.23 0-.61.08-.93.42-.32.34-1.22 1.16-1.22 2.83 0 1.67 1.25 3.29 1.42 3.52.17.23 2.46 3.6 5.95 5.05.83.35 1.48.56 1.99.72.84.25 1.6.22 2.2.13.67-.1 2.05-.8 2.34-1.57.29-.77.29-1.43.2-1.57-.09-.14-.32-.23-.67-.4Z'/%3E%3C/svg%3E") !important;

  -webkit-mask-repeat:no-repeat !important;
  mask-repeat:no-repeat !important;

  -webkit-mask-position:center !important;
  mask-position:center !important;

  -webkit-mask-size:contain !important;
  mask-size:contain !important;

  transition:background-color .18s ease !important;
}

#bp-wa-top-status-v172[data-state="online"]::after{
  background-color:#25D366 !important;
}

#bp-wa-top-status-v172[data-state="offline"]::after{
  background-color:#ef4444 !important;
}

#bp-wa-top-status-v172[data-state="checking"]::after{
  background-color:#94a3b8 !important;
}

@media (max-width:900px){
  #bp-wa-top-status-v172.bp-wa-top-status-v172::after{
    width:23px !important;
    height:23px !important;
    flex-basis:23px !important;
  }
}