.Modal{display:flex;justify-content:center;align-items:center;position:absolute;inset:0;z-index:1001;opacity:0;visibility:hidden;transition:visibility 0s,all .5s ease;}.Modal *{visibility:hidden;}.Modal:where(.Modal-Active){visibility:visible;background-color:rgba(10,10,10,.7);opacity:1;}.Modal:where(.Modal-Active) *{visibility:visible;}.Modal:where(.Modal-Active)>section,.Modal:where(.Modal-Active)>div{display:flex;flex-direction:column;gap:15px 0;min-height:560px;min-width:500px;z-index:1002;background-color:#3a4750;border-radius:.5rem;}.Modal:where(.Modal-Active)>section>:nth-child(1):is(div),.Modal:where(.Modal-Active)>div>:nth-child(1):is(div){display:flex;justify-content:center;align-items:center;position:relative;min-height:3rem;color:#fff;font-size:1.25em;padding:7.5px 0;}.Modal:where(.Modal-Active)>section>:nth-child(1):is(div)::before,.Modal:where(.Modal-Active)>div>:nth-child(1):is(div)::before{content:"";position:absolute;bottom:0;height:2px;width:80%;background-color:rgba(200,200,200,.3);border-radius:5px;}.Modal:where(.Modal-Active)>section>:nth-child(2):is(div),.Modal:where(.Modal-Active)>div>:nth-child(2):is(div){height:100%;padding:2rem .75rem;}.Modal:where(.Modal-Active)>section>:nth-child(2):is(div) *:not(label),.Modal:where(.Modal-Active)>div>:nth-child(2):is(div) *:not(label){color:#000;}.Modal:where(.Modal-Active)>section>:nth-child(2):is(div)>div:has(.Modal-Forms),.Modal:where(.Modal-Active)>div>:nth-child(2):is(div)>div:has(.Modal-Forms){display:flex;flex-direction:column;gap:2.5px;}.Modal:where(.Modal-Active)>section>:nth-child(2):is(div)>div:has(.Modal-Forms) form,.Modal:where(.Modal-Active)>div>:nth-child(2):is(div)>div:has(.Modal-Forms) form{display:flex;justify-content:center;}.Modal:where(.Modal-Active)>section>:nth-child(2):is(div)>div:has(.Modal-Forms)>input,.Modal:where(.Modal-Active)>div>:nth-child(2):is(div)>div:has(.Modal-Forms)>input{padding:0 15px;}.Modal:where(.Modal-Active)>section>:nth-child(2):is(div)>div:has(.Modal-Forms) :last-of-type:is(form),.Modal:where(.Modal-Active)>div>:nth-child(2):is(div)>div:has(.Modal-Forms) :last-of-type:is(form){display:flex;align-items:center;flex-direction:column;gap:5px 0;}.Modal section{min-height:250px;}.Modal div:is(:last-of-type){display:flex;justify-content:center;align-content:center;flex-wrap:wrap;}.Modal div:is(:last-of-type) form{display:flex;justify-content:center;align-content:center;flex-wrap:wrap;flex-direction:column;gap:10px;height:100%;}.Modal div:is(:last-of-type) form label{width:100%;text-align:center;color:#fff;font-size:1.2em;}.Modal div:is(:last-of-type) form input,.Modal div:is(:last-of-type) form button{padding:5px 7.5px;height:30px;margin:0 5px;}