@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0,600;1,400;1,600&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,400;0,600;1,400;1,600&display=swap";:root{--text-h1: #fff;--text-h2: #ddd;--text-h3: #bbb;--text-l1: #454545;--text-l2: #555555;--text-l3: #656565;--bg-h1: #202020;--bg-h2: #303030;--bg-h3: #404040;--bg-l1: #252525;--bg-l2: #353535;--bg-l3: #454545;--low: #101010;--accent-h1: #02022f;--accent-h2: #554e98;--transition: .25s ease;--border-radius: 5px;--box-shadow: rgba(0, 0, 0, .35) 0px 5px 10px;--focus: 5px solid var(--text-h1);--font: "Rubik", "Nunito Sans", -apple-system, BlinkMacSystemFont, sans-serif;font-family:var(--font);font-size:16px;line-height:.75;font-weight:400;box-sizing:border-box;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;color-scheme:light dark;color:var(--text-h1);fill:var(--text-h1);background-color:var(--bg-h1)}@media (prefers-color-scheme: light){:root{--text-h1: #202020;--text-h2: #303030;--text-h3: #404040;--text-l1: #555;--text-l2: #777;--text-l3: #666;--bg-h1: #fff;--bg-h2: #f5f5f5;--bg-h3: #f9f9f9;--bg-l1: #eee;--bg-l2: #e5e5e5;--bg-l3: #e9e9e9;--box-shadow: rgba(50, 50, 93, .25) 0px 13px 27px -5px, rgba(0, 0, 0, .3) 0px 8px 16px -8px}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-h1)}::-webkit-scrollbar-thumb{background:var(--bg-h2);transition:.3s ease-in-out;border-radius:var(--border-radius)}::-webkit-scrollbar-thumb:hover{background:var(--bg-h3)}::selection{background-color:var(--accent-h1);color:#fff}*{margin:0;padding:0;user-select:none;box-sizing:border-box}*:focus{border:none;outline:none}h1,h2,h3{display:flex;align-items:center;gap:5px}h1{font-size:5em;text-transform:uppercase;font-weight:600}h2{font-size:3em;text-transform:uppercase;font-weight:600}h3{font-size:2em;text-transform:capitalize;font-weight:400}hr{width:100%;margin:2vw;border:1px solid inherit;border-radius:var(--border-radius)}button{display:flex;gap:5px;background-color:transparent;justify-content:center;align-items:center;position:inherit;overflow:hidden;outline:none;border:none;cursor:pointer;text-transform:uppercase;font-family:inherit}a{text-decoration:none;fill:inherit;color:inherit}input{border:none;background-color:var(--bg-h1);outline:none;padding:10px 15px;font-family:var(--font);font-size:16px;border-radius:var(--border-radius)}input:focus{border:none}.icon{height:48px;width:48px;border-radius:50%;fill:var(--text-h1);transition:var(--transition)}.icon:hover,.icon:focus-visible{background-color:#aaa4}.a{display:inline-flex;position:inherit;justify-content:center;align-items:center;color:#4f9ce0;font-weight:600;text-decoration:none}.a:hover{text-decoration:underline}a:focus-visible{outline:var(--focus);border-radius:var(--border-radius)}html,body,#root,.mount{width:100%;height:100%;scroll-behavior:smooth;position:relative;overflow-x:hidden}.btn,.mantine-Button-root{position:relative;display:flex;justify-content:center;align-items:center;gap:7px;outline:none;border:none;background:none;color:var(--text-h1);fill:var(--text-h1);background-color:var(--accent-h1);border-radius:var(--border-radius);font-size:14px;font-weight:400;line-height:24px;padding:7px 14px;text-transform:capitalize;transition:var(--transition);font-family:var(--font);user-select:none;cursor:pointer}.btn:hover,.mantine-Button-root:hover{background-color:#fff;color:var(--accent-h1);fill:var(--accent-h1)}.btn:focus-visible,.mantine-Button-root:focus-visible{outline:var(--focus)}.btn:active,.mantine-Button-root:active{animation:pulse var(--transition) forwards}.btn-outline{background-color:transparent;border:2px solid var(--accent-h1);box-shadow:none}.mantine-Button-root{font-size:1em;padding:5px 10px}.mantine-Modal-close:hover{fill:var(--low);background-color:#0005}@keyframes pulse{0%{transform:scale(.95)}to{transform:scale(1)}}.selectable{user-select:text}b{user-select:text;font-weight:600}.unbold{font-weight:400}.center{display:grid;place-items:center;gap:5px}.flexrow{display:flex;gap:5px;justify-content:space-between;align-items:center}.flexstack{display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-end;align-items:center}.label{margin-top:10px;margin-bottom:5px;user-select:none;font-weight:800;text-transform:uppercase;font-size:.85em;color:var(--text-l3)}.red{--accent-h1: #de3f32;--accent-h2: #942b22}.green{--accent-h1: #30a04f;--accent-h2: #26803f}img{border-radius:var(--border-radius)}p{user-select:text}code{user-select:all}ul{list-style:none;padding:15px 10px;border-radius:var(--border-radius);transition:var(--transition);background-color:var(--bg-h2)}li{text-indent:0;padding-left:15px}li:before{content:"\279c";padding-right:10px}.mantine-Tooltip-tooltip{font-family:var(--font);background-color:var(--low);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.mantine-Text-root{font-family:var(--font);color:var(--text-h1)}.mantine-1g1s68u:before{border-left:var(--bg-h3) solid 2px}.mantine-103502a{background-color:var(--bg-h3)!important;border:var(--bg-h3) solid 2px}.mantine-Timeline-itemContent{color:var(--text-h2)}.timeline-icon{transform:scale(.8);fill:var(--text-h3)}.mantine-Modal-modal{line-height:normal;padding:25px 30px;background-color:var(--bg-h1);color:var(--text-h2);font-family:var(--font);border-radius:var(--border-radius)}.dropzone{display:flex;flex-wrap:wrap;gap:20px;overflow:hidden;font-size:.6em;color:var(--text-l3);fill:var(--text-l3);padding:25px 30px;border:2px dashed var(--bg-h3);background-color:var(--bg-h1);border-radius:var(--border-radius)}.dropzone:hover{background-color:var(--bg-l1);cursor:pointer}.dropzone:focus-visible{outline:var(--focus)}.shake{animation:shake .3s forwards 1}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}15%{transform:translate(-1px,-2px) rotate(-1deg)}30%{transform:translate(-3px) rotate(1deg)}45%{transform:translate(3px,2px) rotate(0)}60%{transform:translate(1px,-1px) rotate(1deg)}75%{transform:translate(-1px,2px) rotate(-1deg)}90%{transform:translate(-3px,1px) rotate(0)}to{transform:translate(0) rotate(0)}}.generic{padding:10vh 0;width:100%;height:100%;line-height:normal}.generic-header{margin:0 5vw}.generic-cards{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:20px;margin:2vh 0}.generic-cards-span{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;gap:20px;margin:2vh 0}.generic-cards-span .card{max-width:100%}.generic-section{margin:0 10vw;padding:5vh 0}.generic-section>h1{font-size:5vw}.generic-outline{margin:20px 2vw;padding:20px;border:1px solid var(--bg-h2);border-radius:var(--border-radius)}@media only screen and (min-width: 1000px){.generic-outline{margin:20px 10vw}}.generic-float{margin:20px 10vw;padding:20px;background-color:var(--bg-h2);border-radius:var(--border-radius)}.generic-form{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px;--bg-h1: var(--bg-h2) }.generic-formItems{display:flex;flex-wrap:wrap;flex-direction:column;gap:5px;min-width:50%}.generic-pagemount{width:100%;height:100%}.generic-pagemount>*{min-width:50%}.factiondisplay{position:relative;display:flex;height:30vh}.fd-img{position:absolute;border-radius:50%;transition:var(--transition)}.fd-img:hover{scale:1.1;z-index:4!important}.factiondisplay>img:nth-of-type(1){transform:rotate(-2deg);z-index:3}.factiondisplay>img:nth-of-type(2){transform:rotate(-5deg) translate(-125px);z-index:2}.factiondisplay>img:nth-of-type(3){transform:rotate(10deg) translate(125px);z-index:1}@media only screen and (max-width: 1000px){.factiondisplay>img:nth-of-type(3){display:none}}.footer{padding:25px 20vw;place-items:center;display:flex;flex-direction:column;align-items:center;gap:20px;background-color:var(--bg-h1);color:var(--text-l1);fill:var(--text-l1);line-height:normal}.footer h3{color:inherit;font-size:3em;text-align:center;text-transform:uppercase}.footer p{color:inherit;text-transform:lowercase}.footer-grid{display:flex;gap:25px;margin:25px}.footer-icon{width:75px;height:75px;fill:inherit;transition:var(--transition)}.footer-icon:hover{cursor:pointer;fill:var(--text-h2)}a:focus .footer-icon{fill:var(--text-h3)}.nav{width:100%;display:flex;gap:1vw;align-items:center;position:fixed;padding:1vh 2vw;backdrop-filter:blur(5px);z-index:50}.nav a{font-size:1em;font-weight:700;text-transform:uppercase;color:var(--text-h2);transition:var(--transition);border-radius:3px;padding:5px 11px}.nav a:hover{transform:scale(1.05);color:var(--text-h1)}.nav-logo{transition:cubic-bezier(0,1,.74,1) 1s}.nav-logo:hover{transform:rotate(180deg) scale(1.1)}.nav-active{background-color:#0005}@media only screen and (max-width: 600px){.nav a:nth-child(1) h4{display:none}}.home{width:100%;height:100%;display:flex;flex-direction:column}.home-header .divider{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0}.home-header .divider svg{position:relative;display:block;width:calc(100% + 1.3px);height:150px}.home-header .divider .shape-fill{fill:var(--bg-h1)}.home-header{display:flex;padding:15vh 5vw;justify-content:center;flex-direction:column;align-items:center;gap:5vh;position:relative;z-index:-1;height:100vh;background-color:var(--bg-h1);background-image:url(/bg.png);background-repeat:no-repeat;background-size:cover}.home-title{display:grid;place-items:center;width:100%;height:200vh;font-size:2vw;color:#fff}.home-titles{display:flex;flex-direction:column;align-items:center;font-size:1.95em}.home-titles>h1:nth-child(1){letter-spacing:.6vw;font-weight:400}.home-titles>h1:nth-child(2){font-size:6.7em}@media only screen and (max-width: 600px){.section{flex-direction:column}}.section{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10vw;padding:15vh 20vw;font-size:.6em;line-height:normal;transition:var(--transition)}.section div a{font-size:2em}.section div h3{text-transform:none}.section div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.section-img{transition:var(--transition);border-radius:var(--border-radius);cursor:pointer}.section-img:hover{transform:scale(1.05)}.section-left{background-color:var(--bg-h2)}.section-right{background-color:var(--bg-h1)}.bottom-divider{position:relative;bottom:1px;left:0;width:100%;overflow:hidden;line-height:0}.bottom-divider svg{position:relative;display:block;width:calc(120% + 1.3px);height:100px;transform:rotateY(180deg)}.bottom-divider .shape-fill{fill:var(--bg-h1)}.code{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:10px;min-width:250px;padding:5px 20px;position:relative;max-width:50vw;line-height:100%;background-color:var(--bg-h2);border-radius:var(--border-radius);font-family:monospace}.code-copy:focus-visible{outline:var(--focus)}.error-links{display:flex;flex-direction:column;gap:20px}.error{width:100%;height:100%;display:grid;place-items:center;padding:5vw 1vh}.error-content{display:flex;flex-direction:column;gap:20px}.error-links{font-size:.75em}.redirect{display:grid;place-items:center;width:100%;height:100%}.redirect-content{display:flex;flex-direction:column;align-items:center}.redirect-sub{line-height:2}.factions{width:100%;height:100%}.factions-list-wrap{width:90%;border-radius:var(--border-radius);background-color:var(--bg-h2);margin:10vh 5% 5vh;padding:3vh 3vw;overflow:hidden;line-height:normal;box-shadow:var(--box-shadow)}.factions-list-wrap h2{font-size:1.5em}.factions-list{display:flex;flex-wrap:wrap;gap:10px;padding-top:25px}@media only screen and (max-width: 1400px){.factions-list{grid-template-columns:repeat(4,1fr)}}@media only screen and (max-width: 700px){.factions-list{grid-template-columns:repeat(2,1fr)}}.faction-listItem{display:flex;justify-content:center;align-items:center;width:145px;height:145px;background-color:var(--bg-l1);border-radius:var(--border-radius);padding:10px}.faction-listItem:hover{background-color:var(--bg-l2);cursor:pointer}.faction-listItem img{transition:var(--transition);border-radius:50%}.faction-listItem img:hover{transform:scale(1.05)}.faction-modal .mantine-Modal-inner .mantine-Modal-modal{line-height:normal;min-width:50%;max-width:95%;padding:50px 60px;position:relative;z-index:203;background-color:var(--bg-h1);color:var(--text-h2);font-family:var(--font);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.faction-modal-title{font-size:4vw}.faction-modal-imgWrap{z-index:202;top:-150px;left:0;width:100%;transform:scale(2);display:flex;justify-content:center;position:absolute}.faction-modal-img{border-radius:var(--border-radius)}.card{position:relative;display:flex;flex-direction:column;gap:10px;align-items:flex-start;justify-content:space-between;overflow:hidden;z-index:1;min-width:275px;max-width:30%;padding:25px 30px;border-radius:var(--border-radius);transition:var(--transition);background-color:var(--bg-h2);box-shadow:var(--box-shadow)}.card:hover{background-color:var(--bg-l2);transform:scale(1.05)}.card-number{top:-15px;right:5px;position:absolute;z-index:-1;color:var(--bg-l1);font-size:7.5em}.factionmgr-form{display:flex;flex-direction:row;gap:10px;background-color:var(--bg-h2);margin:20px 10vw;border-radius:var(--border-radius)}.factionmgr-form>.left{padding:20px;width:80%;display:flex;flex-direction:column}.factionmgr-form>.right{display:flex;justify-content:center;align-items:center;width:20%;background-color:#30a04f;border-radius:0 var(--border-radius) var(--border-radius) 0;transition:var(--transition);cursor:pointer}@media only screen and (max-width: 600px){.factionmgr-form{flex-direction:column;margin:20px 2vw}.factionmgr-form>.left{width:100%}.factionmgr-form>.right{height:50px;width:100%;border-radius:0 0 var(--border-radius) var(--border-radius)}}.factionmgr-form>.right:focus-visible{outline:var(--focus)}.factionmgr-form>.right:hover{background-color:#26803f}.factionmgr-form>.right[data-status=idle]{background-color:#efb205}.factionmgr-form>.right[data-status=idle]:hover{background-color:#dfa607}.factionmgr-form>.right[data-status=error]{background-color:#de3f32}.factionmgr-form>.right[data-status=error]:hover{background-color:#942b22}.faction-widget{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:10px}.faction-widget>img{border-radius:var(--border-radius)}.faction-widget>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px;line-height:normal}.faction-content{min-height:1000px}.faction-options{width:80%;display:flex;gap:10px}
