.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: 1px solid #ececec; border-radius: 6px; padding: 10px;}
.modal ul, .modal li, .modal ol {padding: revert; margin: revert; color: #424242; font-size: 15px;}
.modal a                        {color: #333; font-size: 17px; font-weight: 600;}
.modal__body                    {background: #fff; border: 1px solid #00000026; border-radius: 7px; width: calc(100% - 20px); max-width: 700px; max-height: calc(100% - 20px); display: flex; padding: 20px 15px 15px 15px; flex-direction: column; gap: 20px; align-items: flex-end;}
.modal__texts h1                {font-size: 22px; color: #333; font-weight: 600;}
.modal__texts h2                {font-size: 17px; color: #555; font-weight: 500;}
@media screen and (max-width: 900px)
{
    .modal                      {zoom: .8;}
}