/* Mobile view */
@media screen and (min-width: 1px) {
  body #intercom-container {
    display: none;
  }
  /* Bubble position, before chat is opened */
  body > .intercom-lightweight-app > .intercom-lightweight-app-launcher {
    display: none; /*We don't want to display it on the small screens*/
  }
  /* Bubble position, before chat is opened */
  /*body > .intercom-lightweight-app > .intercom-lightweight-app-launcher,*/
  /* Bubble position, after chat is closed */
  /*body > #intercom-container div[class^="intercom"] {*/
  /*  bottom: 70px;*/
  /*}*/

  /* Open chat window position */
  /*body > #intercom-container .intercom-messenger-frame {*/
  /*  display: block;*/
  /*  bottom: 120px;*/
  /*}*/
}

/* Tablet view (769px comes from theme breakpoints definition) */
@media screen and (min-width: 769px) {
  body #intercom-container {
    display: block;
  }

  /* Bubble position, before chat is opened */
  body > .intercom-lightweight-app > .intercom-lightweight-app-launcher,
  /* Bubble position, after chat is closed */
    body > #intercom-container
    div[class^="intercom"] {
    display: block;
    bottom: 120px;
  }

  /* Open chat window position */
  body > #intercom-container .intercom-messenger-frame {
    bottom: 170px;
  }
}

/* Desktop small (992px comes from theme breakpoints definition) */
@media screen and (min-width: 992px) {
  body #intercom-container {
    display: block;
  }

  /* Bubble position, before chat is opened */
  body > .intercom-lightweight-app > .intercom-lightweight-app-launcher,
  /* Bubble position, after chat is closed */
    body > #intercom-container
    div[class^="intercom"] {
    display: block;
    bottom: 70px;
  }

  /* Open chat window position */
  body > #intercom-container .intercom-messenger-frame {
    bottom: 120px;
  }
}

/* Desktop  (1280px comes from tailwind breakpoints definition) */
@media screen and (min-width: 1280px) {
  body #intercom-container {
    display: block;
  }

  /* Bubble position, before chat is opened */
  body > .intercom-lightweight-app > .intercom-lightweight-app-launcher,
  /* Bubble position, after chat is closed */
    body > #intercom-container
    div[class^="intercom"] {
    display: block;
    bottom: 20px;
  }

  /* Open chat window position */
  body > #intercom-container .intercom-messenger-frame {
    bottom: 70px;
  }
}
