.wrapper{position:relative;display:inline-flex;overflow:visible;.hover-modal{position:absolute;z-index:500;width:300px;border:1px solid #000;background-color:#fff;box-sizing:border-box;box-shadow:0 3px 6px rgba(0,0,0,.16);padding:12px 16px;border-radius:8px;font-size:12px;word-break:break-word;.modal-header{display:flex;justify-content:space-between}.modal-body{text-align:justify;padding:10px 0;.message{font-size:15px}svg{position:relative;left:50%;transform:translate(-50%)}}.modal-footer{text-align:end;#corrector{button{border:1px solid grey;border-radius:5px}}#paginator{button{background-color:green;border:1px solid grey;border-radius:5px;padding:2px;&:disabled{background-color:grey;cursor:pointer}}}}}}textarea{position:absolute;color:transparent;background-color:transparent;caret-color:#333c42;resize:none;top:0}.textarea,textarea{width:100%;height:300px;line-height:1.75;padding:8px 12px;border:1px solid #bababa;border-radius:4px 4px 0 0;font-weight:400;&:focus,&:hover{border-color:#6a98d6}}.textarea{position:relative;background-color:#fff;padding:8px 12px;box-sizing:border-box;white-space:pre-wrap;&:focus,&:hover{outline:none}.incorrect-string{display:inline-block;border-bottom:1px solid red;position:relative;z-index:90;color:#337baf}}