.DummyHomePage {
  padding: 30px;
}

.LaTeXInputArea {
  width: 50vw;
  position: relative;
  margin-bottom: 10px;

  // &::after{
  //     position: absolute;
  //     content: "";
  //     top: 40%;
  //     left: 59%;
  //     transform: translate(-50%,-50%);
  //     width: 3px;
  //     height: 78%;
  //     background-color: red;
  //     z-index: 99999;
  // }
}
.ant-input,
.LaTeXInput span  textarea.ant-input {
  cursor:text !important;

}
.showPreviewInput {
  background-color: var(--bg);
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: calc(100% - 44px);
  word-wrap: break-word;
  /* شيل display:flex حتى ما يكسر النصوص */
  display: block;
  border-radius: 8px;
  border: 1px solid #d9d9d9;
  padding: 5px 10px;
  white-space: pre-line;  /* يحترم \n */
  overflow-y: auto;
  min-height: 164px;
  max-height: 270px;
}

.addMML {
  all: unset;
  font-size: 12px;
  font-weight: bold;
  background: var(--primary);
  color: var(--white);
  padding: 2px 14px;
  display: flex;
  gap: 5px;
  align-items: center;
}

.latexModal {
  padding: 30px;
  display: flex;
  flex-direction: column;
  .buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 20px;
    gap: 20px;
    margin-top: 20px;
  }
}
.imageModal{
  padding: 30px;
  display: flex;
  flex-direction: column;
  .bg-upload{
    width: fit-content;
    margin: auto;
  }
    .buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 20px;
    gap: 20px;
    margin-top: 20px;
  }
}

.LatexPreview {
  height: 40px;
  display: flex;
  align-items: center;
}
.LaTeXInputOptions {
  display: flex;
  padding: 10px;
}
.text {
  margin-bottom: 7px !important;
  font-weight: bold;
  font-size: 19px;
  > span {
    color: transparent;
  }
}

// .katex .msupsub{
//     text-align: end !important;
// }
// .mtight{

//     font-size: 10px !important;
// }
// .katex .delimcenter, .katex .op-symbol{
//     display: none;
// }
