:root {
  --shopify-inbox-bottom-offset: 0px;
}

#dummy-chat-button-iframe,
#shopify-chat {
  transition: bottom 0.2s ease;
}

html.shopify-inbox-offset-active #dummy-chat-button-iframe,
html.shopify-inbox-offset-active #shopify-chat {
  bottom: calc(var(--shopify-inbox-bottom-offset, 0px) + env(safe-area-inset-bottom, 0px)) !important;
}

@media screen and (min-width: 1041px) {
  html.shopify-inbox-offset-active #dummy-chat-button-iframe,
  html.shopify-inbox-offset-active #shopify-chat {
    bottom: calc(24px + var(--shopify-inbox-bottom-offset, 0px)) !important;
  }
}