.markdownEditorIonContent {
  &::part(scroll) {
    scroll-padding: 20px 0 calc(20px + var(--markdown-toolbar-height));
  }
}

.toolbarContainer {
  composes: fixedToolbarContainer from "#/features/shared/IonModalAutosizedForOnScreenKeyboard.module.css";

  height: 100%;
  width: 100%;

  pointer-events: none;
}

.toolbar {
  pointer-events: all;

  position: absolute;
  bottom: 0;

  height: var(--markdown-toolbar-height);

  @media screen and (max-width: 767px) {
    height: calc(var(--markdown-toolbar-height) + var(--ion-safe-area-bottom));
    padding-bottom: var(--ion-safe-area-bottom);

    &.keyboardOpen {
      height: var(--markdown-toolbar-height);
      padding-bottom: 0;
    }
  }

  width: 100%;
  border-top: 1px solid var(--ion-item-border-color);

  background: var(--ion-item-background, #fff);

  :global(.ion-palette-dark) & {
    background: var(--ion-background-color);
  }
}
