.container{
  position: relative;
  min-height: var(--zd_size28) ;
}
.textBox {
  height: var(--zd_size28) ;
  width: 100% ;
  position: absolute;
  transition: border var(--zd_transition2) linear 0s;
  cursor: text;
}
[dir=ltr] .textBox {
  left: 0 ;
  animation: fadeIn var(--zd_transition4);
}
[dir=rtl] .textBox {
  right: 0 ;
  animation: fadeIn var(--zd_transition4);
}
.textEditor {
  position: relative;
  z-index: 1;
  /*  Variable:Ignore  */
}
[dir=ltr] .textEditor {
  padding-right: var(--zd_size1) ;
}
[dir=rtl] .textEditor {
  padding-left: var(--zd_size1) ;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}