@import url("asset/font.css");
.typeWriting{}
.typeWriting h3{display: inline;}

.editableZone .typeWriting .typeWriter{position: relative;}
.typeWriting .typeWriter i:is([class^="icoTW-"],[class*=" icoTW-"]){display: none !important;}

.typeWriting .typeWriter::after{content:"";display: inline-block; height: 1.2em; width: 4px; background: #434343; transform: translateY(0.2em);}
.typeWriting .typeWriter.wait::after{animation-name: TWclignote; animation-duration: 0.5s; animation-iteration-count:infinite}
@keyframes TWclignote{
  0%{opacity: 1}
  50%{opacity: 0}
  100%{opacity: 1}
}
.editableZone .typeWriting .typeWriter:hover>i:is([class^="icoTW-"], [class*=" icoTW-"]){display: block !important;}
.editableZone .typeWriting .typeWriter i:is([class^="icoTW-"],[class*=" icoTW-"]){position: absolute; top:-2px;cursor:pointer; transform: translateY(-50%); font-size: 18px;-webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: #FFF;
  paint-order: stroke fill}
.editableZone .typeWriting .typeWriter i.icoTW-play, .editableZone .typeWriting .typeWriter>i.icoTW-pause{right: 5px;}
.editableZone .typeWriting .typeWriter i.icoTW-next{right: 50px}
.editableZone .typeWriting .typeWriter i.icoTW-crayon{font-size: 13px;left: 5px}

.editableZone .typeWriting .centrage::after{content: "\f061"}
.editableZone .typeWriting .alignementTW{position: absolute; top: -7px;left: 50%; transform: translateX(-50%);display: none;}
.editableZone .typeWriting.hover .alignementTW{display: block;}
.editableZone .typeWriting .alignementTW i{ color: #444283;
  -webkit-text-fill-color: currentColor;;margin: 0 10px; cursor: pointer; color: #931D86;text-shadow: 1px 1px #FFF, -1px -1px #FFF, -1px 1px #FFF, 1px -1px #FFF;}


.editableZone #lightTW{position: fixed; top: 0;left: 0; background: rgba(0, 0, 0, 0.5);display: flex;justify-content: center; align-items: center; width: 100vw;max-width: 100% !important; height: 100vh; z-index: 99;}
.editableZone #lightTW #lightTW_content{ position: relative;width:70%; max-width:700px; background: #FFF; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); padding: 25px;padding-top: 50px;}
.editableZone #lightTW #lightTW_content #lightTW_close{position: absolute; top: 13px;right: 25px;; width: 25px; height: 25px; cursor: pointer;}
.editableZone #lightTW #lightTW_content #lightTW_close::before, .editableZone #lightTW #lightTW_content #lightTW_close::after{content:"";background:#000; border-radius:3px; display:block; height:3px;width: 100%; margin-bottom:4px; transition:transform .3s;position: absolute; top: 50%; left:50%}
.editableZone #lightTW #lightTW_content #lightTW_close::after{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.editableZone #lightTW #lightTW_content #lightTW_close::before{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}


.hiddingTypeText{display: none;}

#lightTW_content h3, #lightTW_content i{display: inline-block;vertical-align: middle}
#lightTW_content i{font-size: 20px !important; cursor: pointer; color: #bd0633}
#lightTW_content h3{width: calc(100% - 25px);margin-bottom: 0;}
#lightTW_content>div:first-of-type>i{display: none;}
#lightTW_content>div{margin-bottom: 25px;border-radius: 8px;padding:5px; padding-right:15px;margin-bottom: 25px; border: solid rgba(0,0,0,0.1) 1px}
#lightTW_content>div{}
#lightTW_content i.icon-plus{font-size: 25px !important;float: left; margin-bottom: 25px;color: #0398fc}
#lightTW_content>span{clear: both; margin-top: 25px;}
#lightTW_content>div>span{display: block;}
#lightTW_content>div>span, #lightTW_content>span{color:#000;--myC:#000;text-align: right;display: block;font-size: 18px}
#lightTW_content span input{text-align: center;-webkit-text-fill-color:currentColor;color:#000; width:50px; height:2em;margin-left: 15px;border-radius: 8px;border: solid rgba(0,0,0,0.1) 1px}