.markdown-slice {

  // SimpleMDE Overrides
  .editor-toolbar:not(.fullscreen) {
    background-color: var(--c-bg);
    border-color: var(--c-active);
    border-top-left-radius: var(--space-xxs);
    border-top-right-radius: var(--space-xxs);

    position: absolute;
    /* stylelint-disable function-calc-no-invalid */
    left: calc(var(--space-xxs) * -1);
    /* stylelint-enable function-calc-no-invalid */
    bottom: calc(100% + var(--space-xxs));
    z-index: 2;

    display: none;
    // This class is set on the custom-slice.tsx level.
    // @TODO: Pass this in via props instead...
    .ks-custom-slice--edit-ui-visible & {
      display: block;
    }
  }
  .CodeMirror {
    padding: 0;
    border: none;
  }
  .CodeMirror-line {
    padding-left: 0;
    padding-right: 0;
  }
}