main{overflow:auto;}.Rules{display:flex;justify-content:center;align-content:center;flex-wrap:wrap;flex-direction:column;}.Rules *:not(button,input){color:#fff;}.Rules .Rule-List{display:flex;justify-content:center;flex-flow:row wrap;gap:10px;background-color:#27323a;border-radius:.5rem;padding:.5rem;margin:5px 0;width:850px;max-height:800px;overflow:auto;transition:height .25s ease;}.Rules .Rule-List>p{margin:0;height:2.5rem;font-size:1.1em;display:flex;justify-content:center;align-content:center;flex-wrap:wrap;}.Rules .Rule-List>button{color:#fff;height:max-content;width:100%;}.Rules .Rule-List>button{position:relative;display:flex;justify-content:center;align-content:center;flex-wrap:wrap;flex-direction:column;}.Rules .Rule-List>button>span{width:100%;text-align:center;}.Rules .Rule-List>button:hover svg{opacity:1;right:5px;}.Rules .Rule-List>button svg{position:absolute;height:22.5px;width:22.5px;right:0;transition:.25s ease;opacity:0;}.Rules .Rule-List>button span:last-of-type:not(:first-of-type){display:flex;flex-direction:column-reverse;padding:2px 0;font-size:1em;color:#969696;font-weight:500;word-break:break-word;}.Rules>section:last-of-type{display:flex;justify-content:center;align-content:center;flex-wrap:wrap;}.Rules>section:last-of-type button{width:70%;border-radius:.5rem;}.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>div:first-child>label{display:flex;flex-direction:column;gap:0;align-items:center;}.Modal>section>div:first-child>label span{font-size:1em;color:#c8c8c8;}.Modal>section>div:nth-child(2) form{display:flex;flex-direction:column;gap:35px;align-items:center;}.Modal>section>div:nth-child(2) form section{align-items:center;display:flex;flex-direction:column;gap:25px;width:100%;}.Modal>section>div:nth-child(2) form section input,.Modal>section>div:nth-child(2) form section textarea{width:60%;padding:2.5px;}.Modal>section>div:nth-child(2) form section textarea{resize:none;height:120px;}.Modal>section>div:nth-child(2) form section textarea:focus{outline:0;}.Modal>section>div:nth-child(2) form section label{color:#fff;font-size:1.15em;}.Modal>section>div:nth-child(2) form div{align-items:center;display:flex;flex-direction:column;gap:15px;width:100%;}.Modal>section>div:nth-child(2) form div button{height:3rem;width:60%;border-radius:.5rem;transition:background-color .25s ease;}.Modal>section>div:nth-child(2) form div button:last-of-type:not(:first-of-type){color:#fff;background-color:rgba(200,0,0,.7);}.Modal>section>div:nth-child(2) form div button:last-of-type:not(:first-of-type):hover{background-color:#c80000;}