:root {
  --lgk-fab-inset-inline-end: max(0.75rem, env(safe-area-inset-right, 0px));
  --lgk-fab-inset-block-end: max(1rem, env(safe-area-inset-bottom, 0px));
  --lgk-support-chat-fab-size: 56px;
  --lgk-support-chat-panel-height: min(560px, calc(100vh - 100px));
  --lgk-support-chat-panel-gap: 12px;
  --lgk-fab-stack-gap: 0.75rem;
}

.lgk-support-chat-widget {
  position: fixed;
  inset-inline-end: var(--lgk-fab-inset-inline-end);
  inset-block-end: var(--lgk-fab-inset-block-end);
  z-index: 5490;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

html.lgk-support-chat-active .lgk-nl-fab {
  inset-block-end: calc(
    var(--lgk-fab-inset-block-end) + var(--lgk-support-chat-fab-size) + var(--lgk-fab-stack-gap)
  );
}

html.lgk-support-chat-open .lgk-nl-fab {
  inset-block-end: calc(
    var(--lgk-fab-inset-block-end) + var(--lgk-support-chat-fab-size) +
      var(--lgk-support-chat-panel-gap) + var(--lgk-support-chat-panel-height) +
      var(--lgk-fab-stack-gap)
  );
}