html.scrollable-modal {
  overflow: auto; // overrides core .modal-open class scroll lock
}

.ai-summary-modal {
  .d-modal__container {
    position: fixed;
    top: var(--header-offset);
    margin-top: 1em;
    right: 1em;
    width: 100vw;
    max-width: 30em;
    max-height: calc(
      100vh - var(--header-offset) - 3rem - var(--composer-height, 0px)
    );
    box-shadow: var(--shadow-menu-panel);
  }

  .fullscreen-composer & {
    display: none;
  }
}

.ai-summary-modal + .d-modal__backdrop {
  background: transparent; // allows for reading, but still triggers clickoutside event
}
