.mentionList.svelte-3bift2 {
    display: flex;
    flex-direction: column;
    gap: 5px;
    max-height: 200px;
    padding: 10px;
    overflow: auto;
  }
    .mentionList.svelte-3bift2:focus {
      outline: 0px;
    }
    .mentionList.svelte-3bift2 button:where(.svelte-3bift2) {
      text-align: left;
    }
      .mentionList.svelte-3bift2 button:where(.svelte-3bift2):hover, .mentionList.svelte-3bift2 button.selected:where(.svelte-3bift2) {
        color: var(--maximum);
      }

  button.svelte-1hp4l6y {
    padding: 5px;
  }
  .options.svelte-1hp4l6y {
    position: absolute;
    z-index: 10;
    background-color: color-mix(in srgb, var(--panel), #FFF 5%);
    box-shadow: 2px 2px 2px #0003;
    border-radius: 15px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
    .openDown.svelte-1hp4l6y {
      top: 40px;
    }
    .openUp.svelte-1hp4l6y {
      bottom: 40px;
    }
    .options.svelte-1hp4l6y button.label:where(.svelte-1hp4l6y) {
      height: 45px;
      padding: 0 20px;
    }

  .menu.svelte-11wnd3k {
    white-space: nowrap;
    height: 50px;
    overflow-y: hidden;
    overflow-x: auto;
    align-items: center;
    display: flex;
    width: 100%;
    background-color: var(--panel);
  }
  .bubble.svelte-11wnd3k {
    background-color: color-mix(in srgb, var(--panel), #FFF 5%);
    box-shadow: 2px 2px 2px #0003;
    border-radius: 15px;
    padding: 7px;
    display: flex;
    align-items: center;
  }
    .bubble.svelte-11wnd3k button:where(.svelte-11wnd3k), .bubble.svelte-11wnd3k span:where(.svelte-11wnd3k), .menu.svelte-11wnd3k button:where(.svelte-11wnd3k), .menu.svelte-11wnd3k .button:where(.svelte-11wnd3k), .menu.svelte-11wnd3k span:where(.svelte-11wnd3k), .bubble.svelte-11wnd3k .button:where(.svelte-11wnd3k) {
      margin: 3px;
    }
    .bubble.svelte-11wnd3k button:where(.svelte-11wnd3k), .menu.svelte-11wnd3k button:where(.svelte-11wnd3k) {
      padding: 5px;
    }

  button.svelte-1tt5am2 {
    padding: 5px;
  }
  .options.svelte-1tt5am2 {
    position: absolute;
    left: 0px;
    width: 200px;
    z-index: 999;
    background-color: color-mix(in srgb, var(--panel), #FFF 5%);
    box-shadow: 2px 2px 2px #0003;
    border-radius: 15px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
    .openDown.svelte-1tt5am2 {
      top: 40px;
    }
    .openUp.svelte-1tt5am2 {
      bottom: 40px;
    }

  .inner.svelte-rnunff {
    position: relative;
    border-bottom: 3px var(--buttonBg) solid;
    background-color: var(--inputBg);
    box-shadow: inset 1px 1px 6px #0006;
    border-radius: 10px;
  }
    .useBubble.svelte-rnunff {
      height: 100%;
    }
    .isFocused.svelte-rnunff {
      outline: 2px var(--buttonBg) solid;
    }
  .editor.svelte-rnunff {
    height: 100%;
  }
  label.svelte-rnunff {
    padding: 5px;
  }

  .menuWrapper.sticky.svelte-rnunff {
    position: sticky;
    top: 0px;
    z-index: 9;
  }

  .bubble.svelte-rnunff {
    background-color: color-mix(in srgb, var(--panel), #FFF 5%);
    box-shadow: 2px 2px 2px #0003;
    border-radius: 15px;
    padding: 7px;
    display: flex;
    align-items: center;
  }
    .bubble.svelte-rnunff button:where(.svelte-rnunff), .bubble.svelte-rnunff span:where(.svelte-rnunff) {
      margin: 3px;
    }
    .bubble.svelte-rnunff button:where(.svelte-rnunff), .toolbelt.svelte-rnunff button:where(.svelte-rnunff) {
      padding: 5px;
    }
    button.text.svelte-rnunff, label.text.svelte-rnunff {
      padding: 10px;
    }

  .toolbelt.svelte-rnunff {
    position: absolute;
    left: 10px;
    bottom: 10px;
    display: flex;
    gap: 10px;
  }

  #addImageStored.svelte-rnunff {
    display: none;
  }

  @media (max-width: 860px) {
    .bubble.svelte-rnunff {
      display: block;
    }
  }

  @media (max-width: 720px) {
    .menuWrapper.stickyBottom.svelte-rnunff {
      position: sticky;
      bottom: 0px;
    }
  }

  .wrapper.svelte-13ra36i {
    position: relative;
    width: 100%;
    min-width: 0px;
  }
    textarea.svelte-13ra36i {
      width: 100%;
      height: 100%;
      min-height: var(--minHeight);
      display: block;
    }
      .singleLine.svelte-13ra36i textarea:where(.svelte-13ra36i) {
        min-height: 30px !important;
        overflow-y: auto;
        padding: 0px;
        padding-left: 15px;
        padding-top: 15px;
        padding-right: 30px;
      }
    .withButton.svelte-13ra36i {
      padding-right: 80px;
    }

    .buttons.svelte-13ra36i {
      position: absolute;
      top: 0px;
      right: 0px;
      padding-top: var(--menuOffset); /* to account for wysiwyg menu */
      height: 100%;
      display: flex;
      flex-direction: column;
      width: fit-content;
      justify-content: space-between;
      align-items: center;
    }
      .bubbleMenu.svelte-13ra36i .buttons:where(.svelte-13ra36i) {
        padding-top: 0px;
        padding-bottom: 0px;
      }
      .singleLine.svelte-13ra36i .buttons:where(.svelte-13ra36i) {
        top: 0px; /* for single line */
        flex-direction: row;
      }
      button.svelte-13ra36i {
        padding: 10px 15px;
      }
      .placeholder.svelte-13ra36i {
        width: 1px;
        height: 1px;
        visibility: hidden;
      }
      .save.svelte-13ra36i {
        border-radius: 10px 0px 10px 0px;
        border-bottom: 3px var(--buttonBg) solid;
      }
      .cancel.svelte-13ra36i {
        visibility: visible;
        border-radius: 0px 10px 0px 10px;
      }
      .singleLine.svelte-13ra36i button:where(.svelte-13ra36i) {
        background: none;
        border: none;
        border-radius: 10px;
        box-shadow: none;
      }
    .counter.svelte-13ra36i {
      position: absolute;
      right: 15px;
      bottom: 15px;
      text-align: right;
    }
  @media (max-width: 860px) {
    button.svelte-13ra36i {
      padding: 10px 15px;
    }
  }
  @media (max-width: 720px) {
    .buttons.svelte-13ra36i {
      padding-top: 0px;
      padding-bottom: 50px;
    }
    .singleLine.svelte-13ra36i .buttons:where(.svelte-13ra36i) {
      padding-bottom: 0px;
    }
  }
  @media (max-width: 500px) {
    button.svelte-13ra36i {
      padding: 10px 15px;
    }
    .withButton.svelte-13ra36i {
      padding-right: 40px;
    }
  }