.modal__form *                               {font-family: 'Source Sans 3', sans-serif; color: #000;}
.modal__form p, .modal__form span            {color: #000; font-size: 14px; line-height: 17px; text-align: justify; margin: 0;}
.modal__form h1                              {font-size: 18px; font-weight: 600; margin: 0 0 8pt 0; padding: 0; page-break-after: avoid;}
.modal__form h1 span                         {font-size: 11pt;}
.modal__form h2                              {font-size: 18px; margin: 5px 0;}
.modal__form h3                              {font-size: 16px; margin: 0 0;}
.modal__form span.bold                       {font-weight: 700;}
.modal__form span.italic                     {font-style: italic;}
.modal__form span.underline                  {text-decoration: underline;}
.modal__form span.normal                     {font-weight: 400;}
.modal__form strong                          {color: #212121;}
.modal__form ul                              {margin: 0 0 10px;}
.modal__form li                              {font-size: 11pt; text-align: justify; padding: 0; list-style: auto; margin-left: 25px;}
.modal__form table                           {border-collapse: collapse; border-spacing: 0; max-width: 750px; margin: 0 0 10px 0;}
.modal__form table td, .modal__form table th {border: 1pt solid #808080; padding: 3px 7px; vertical-align: middle; font-size: 14px;}
.modal__form th                              {font-size: 14px;}
.modal__form tr                              {border-color: #808080;}
.modal__form hr                              {border: none; border-top: 1px solid #ececec; margin: 15px 0; padding: 0;}
.modal__form--none {display: none;}
.modal                                       {position: fixed; display: flex; left: 0; right: 0; bottom: 0; top: 0; width: 100%; background: #00000036; z-index: 999999999999999; backdrop-filter: blur(10px); align-items: center; justify-content: center; height: 100%; display: none;}
.modal__close                                {display: flex; width: 13px; height: 13px;}
.modal__close > svg                          {width: 13px; height: 13px;}
.modal__texts                                {height: calc(100% - 38px); overflow: scroll; border-radius: 6px; padding: 10px;}
.modal__texts > h1                           {text-align: center;}
.modal__body                                 {background: #fff; border: 1px solid #00000026; border-radius: 7px; width: calc(100% - 20px); max-width: 850px; max-height: calc(100% - 20px); display: flex; padding: 20px 15px 15px 15px; flex-direction: column; gap: 10px; align-items: flex-end;}
@media screen and (max-width: 900px)
{
    .modal                                   {zoom: .8;}
}