@font-face{font-family:Economica;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/economica/v17/Qw3fZQZaHCLgIWa29ZBbOMIBMl0.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Economica;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/economica/v17/Qw3fZQZaHCLgIWa29ZBbNsIB.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rajdhani/v17/LDIxapCSOBg7S-QT7p4GM-aUWA.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Rajdhani;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rajdhani/v17/LDIxapCSOBg7S-QT7p4JM-aUWA.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rajdhani/v17/LDIxapCSOBg7S-QT7p4HM-Y.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Economica;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/economica/v17/Qw3aZQZaHCLgIWa29ZBTjecUA3x4RHw.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Economica;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/economica/v17/Qw3aZQZaHCLgIWa29ZBTjecUDXx4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.filter-radio{width:20%}.filter-radio input[type=radio],.filter-radio input[type=checkbox]{appearance:none;border:1px solid var(--text);cursor:pointer;height:5px;padding:.4em}.filter-radio input[type=radio]:checked,.filter-radio input[type=checkbox]:checked{transition:.1s;background:var(--text)}.filter-radio.wide{width:40%}.input-tags{display:flex;flex-grow:1;flex-wrap:wrap;gap:.5rem}.input-tags label{width:calc(25% - .38rem)}.input-tags .tag-btn{align-items:center;border:.5px solid var(--border);border-radius:5px;cursor:pointer;color:var(--text);display:flex;justify-content:center;gap:6px;height:35px;transition:var(--transition-std)}.input-tags .tag-btn img{height:20px}.input-tags .tag-btn input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.input-tags .tag-btn.tag-btn:has(input:checked){background:var(--success-dark)}.input-tags .tag-btn.tag-btn:has(input:disabled:checked){background:var(--text-enabled)}.input-tags .tag-btn.tag-btn:has(input:disabled:not(:checked)){background:var(--text-disabled);border-color:var(--text)}.switch{font-size:17px;position:relative;display:inline-block;width:2em;height:1em;margin-right:12px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-light);-webkit-transition:.4s;transition:.4s;box-shadow:inset 2px 2px 12px -5px var(--text-disabled)}.slider:before{position:absolute;content:"";height:1em;width:1em;left:0;bottom:0;background-color:var(--text);-webkit-transition:.4s;transition:.4s}.slider-input:checked+.slider{background-color:var(--success);box-shadow:inset 2px 2px 9px -5px var(--text-disabled)}.slider-input:focus+.slider{box-shadow:0 0 1px var(--success)}.slider-input:checked+.slider:before{-webkit-transform:translateX(1em);-ms-transform:translateX(1em);transform:translate(1em)}.slider-input:disabled+.slider:before{background-color:#221942}.filter-toggle{--container_width: 80%;position:relative;display:flex;align-items:center;background-color:#120230;color:var(--text);height:30px;width:var(--container_width);overflow:hidden;border:1px solid var(--text)}.filter-toggle input{display:none}.filter-toggle span{font-weight:700;font-style:bold}.filter-toggle .selection{display:none;position:absolute;height:100%;z-index:0;left:0;top:0;transition:.15s ease}.filter-toggle label{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:10px;width:100%;z-index:1}.filter-toggle label:has(input[type=radio]:disabled:checked){background-color:var(--text-enabled)}.filter-toggle label:has(input[type=radio]:disabled:not(:checked)){background-color:var(--text-disabled)}.filter-toggle-2 .selection{width:50%}.filter-toggle-2 label:has(input:checked)~.selection{display:inline-block}.filter-toggle-2 label:has(input:checked){color:var(--text-dark)}.filter-toggle-2 label:nth-child(1):has(input:checked)~.selection{transform:translate(calc(var(--container_width) * 0 / 2))}.filter-toggle-2 label:nth-child(2):has(input:checked)~.selection{transform:translate(100%)}.filter-toggle-3 .selection{width:33.34%}.filter-toggle-3 label:has(input:checked){color:var(--text-dark)}.filter-toggle-3 label:has(input:checked)~.selection{display:inline-block}.filter-toggle-3 label:nth-child(1):has(input:checked)~.selection{transform:translate(calc(var(--container_width) * 0 / 2))}.filter-toggle-3 label:nth-child(2):has(input:checked)~.selection{transform:translate(100%)}.filter-toggle-3 label:nth-child(3):has(input:checked)~.selection{transform:translate(200%)}.filter-toggle-4 .selection{width:25%}.filter-toggle-4 label:has(input:checked){color:var(--text-dark)}.filter-toggle-4 label:has(input:checked)~.selection{display:inline-block}.filter-toggle-4 label:nth-child(1):has(input:checked)~.selection{transform:translate(calc(var(--container_width) * 0 / 2))}.filter-toggle-4 label:nth-child(2):has(input:checked)~.selection{transform:translate(100%)}.filter-toggle-4 label:nth-child(3):has(input:checked)~.selection{transform:translate(200%)}.filter-toggle-4 label:nth-child(4):has(input:checked)~.selection{transform:translate(300%)}.filter-toggle-5 .selection{width:20%}.filter-toggle-5 label:has(input:checked){color:var(--text-dark)}.filter-toggle-5 label:has(input:checked)~.selection{display:inline-block}.filter-toggle-5 label:nth-child(1):has(input:checked)~.selection{transform:translate(calc(var(--container_width) * 0 / 2))}.filter-toggle-5 label:nth-child(2):has(input:checked)~.selection{transform:translate(100%)}.filter-toggle-5 label:nth-child(3):has(input:checked)~.selection{transform:translate(200%)}.filter-toggle-5 label:nth-child(4):has(input:checked)~.selection{transform:translate(300%)}.filter-toggle-5 label:nth-child(5):has(input:checked)~.selection{transform:translate(400%)}.manual-input{border-left:5px solid oklch(73.22% .1583 29.27deg)}.auto-input{border-left:5px solid oklch(59.3% .1698 318.24deg)}.text-field{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--text);display:flex;flex-grow:1;height:40px;padding:var(--text-padding);transition:var(--transition-std)}.text-field:focus-within{border:1px solid var(--focused)}.text-field input[type=text],.text-field input[type=password]{background:var(--bg-light);border:none;color:var(--text);cursor:auto;font-family:Rajdhani,sans-serif;font-size:1em;outline:none;padding:0 10px;width:100%}.text-field button{align-items:center;background:0;border:0;color:var(--text);justify-content:center;margin-left:11px;min-width:34px;outline:0;padding:0}.text-field button img{vertical-align:middle}.text-field button:before{background-color:var(--text);content:"";display:block;position:absolute;height:70%;margin-left:-5px;top:15%;width:1px}.text-field button:hover{background:var(--bg-light);transition:var(--transition-std)}.text-field.text-field:has(input:disabled){border:1px solid var(--text-disabled);transition:var(--transition-std)}.text-field.input[type=text]:disabled{background-color:var(--text-disabled);opacity:.5}.text-desc{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--text);display:flex;flex-flow:column nowrap;flex-grow:1;justify-content:flex-end;min-height:40px;padding:var(--text-padding);transition:var(--transition-std)}.text-desc:focus-within{border:1px solid var(--focused)}.text-desc textarea{background:var(--bg-light);border:none;color:var(--text);cursor:auto;font-family:Rajdhani,sans-serif;font-size:1em;outline:none;padding:var(--text-margin);width:100%}.text-desc span{align-self:flex-end}.text-desc:has(textarea:disabled){border:1px solid var(--text-disabled);transition:var(--transition-std)}.submit-box{display:flex;flex-direction:row-reverse;gap:1rem;width:100%}.submit-box button{background:var(--border);border:0;color:var(--text);min-height:35px;transition:var(--transition-std);width:33.3333333333%}.submit-box button:hover{background:var(--highlight)}.submit-box .cancel{background:var(--text-disabled)}.submit-box .cancel:hover{background:var(--text-enabled)}.submit-box .delete{background:var(--logout-hover)}.submit-box .delete:hover{background:var(--unit-tag)}.input-layout-container{display:flex;gap:.5rem 1rem;flex-wrap:wrap;padding-top:10px;width:100%}.input-layout-container .input-group{display:flex;flex-direction:column;flex:0 0 100%}.input-layout-container .input-group .input-span{cursor:default;-webkit-user-select:none;user-select:none}.input-layout-container .input-group-inline{align-items:center;display:inline-flex;flex:0 0 100%}.input-layout-container .input-group-inline button:hover{cursor:pointer;background:var(--bg)}.input-layout-container .input-group-inline .input-span{cursor:default;-webkit-user-select:none;user-select:none;width:20%}.input-layout-container .switchBox{align-items:center;display:flex;justify-content:space-between;padding:5px 0}.info-banner{align-items:center;border:.5px solid var(--info);background-color:var(--info-dark);border-radius:5px;display:flex;flex:0 0 100%;padding:2px 8px}.info-banner img{height:16px;padding-right:5px}.loader-center{display:flex;justify-content:center}.loader{width:4rem;height:4rem;border-radius:50%;box-sizing:border-box;border-top:8px solid var(--text);border-left:8px solid var(--text);border-right:8px solid rgba(255,255,0,0);animation:loader .7s infinite linear}@keyframes loader{to{transform:rotate(360deg)}}.popup-dialog{background-color:var(--bg);opacity:0}.popup-dialog .modal-header{background-color:var(--cards);border-bottom:1px solid var(--text);display:flex;justify-content:space-between;padding:10px}.popup-dialog .modal-header button{align-items:center;background:0;border:0;color:var(--text);justify-content:center;min-width:34px;outline:0;padding:0}.popup-dialog .modal-header button img{vertical-align:middle}.popup-dialog .modal-header button:hover{background:var(--bg);transition:var(--transition-std)}.popup-dialog .modal-description,.popup-dialog .modal-contents{padding:10px}.is-ready{opacity:1}.cdk-overlay-backdrop.cdk-overlay-dark-backdrop{background:#000000bf}.tree-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:10px;width:100%}.tree-grid .tree-card{background:var(--cards);padding:var(--text-margin);position:relative;padding-left:10px}.tree-grid .tree-card .tree-title{align-items:center;border-bottom:1px solid var(--text);display:flex;gap:1rem;justify-content:space-between;margin-left:0}.tree-grid .tree-card .tree-title a{height:1.5rem;overflow-x:auto}.tree-grid .tree-card .tree-tags{display:flex;flex-wrap:wrap;gap:6px;padding-top:5px;-webkit-user-select:none;user-select:none}.tree-grid .tree-card .tree-tags .tag{align-items:center;border:.5px solid var(--text-muted);border-radius:5px;color:var(--text-muted);padding:2px 8px}.tree-grid .tree-card .tree-tags .tag.tag-light,.tree-grid .tree-card .tree-tags .tag.tag-medium,.tree-grid .tree-card .tree-tags .tag.tag-heavy,.tree-grid .tree-card .tree-tags .tag.tag-assault{color:var(--aux);border-color:var(--aux)}.tree-grid .tree-card .tree-tags .tag.tag-ams{color:var(--ams);border-color:var(--ams)}.tree-grid .tree-card .tree-tags .tag.tag-ecm{color:var(--ecm);border-color:var(--ecm)}.tree-grid .tree-card .tree-tags .tag.tag-equip{color:var(--aux);border-color:var(--aux)}.tree-grid .tree-card .tree-desc{background:var(--bg);margin-top:5px;padding:0 5px;height:4rem;overflow-x:auto}.tree-grid .tree-card .tree-skill{align-items:center;display:flex;flex:1;justify-content:space-between;margin-top:5px;min-width:0}.tree-grid .tree-card .tree-skill a{align-items:center;color:var(--text);display:flex;text-decoration:none}.tree-grid .tree-card .tree-skill img{border:.5px solid var(--text);border-radius:5px;cursor:pointer;flex-shrink:0;margin-right:5px;padding:2px}.tree-grid .tree-card .tree-skill img:hover{background:var(--text-muted);transition:var(--transition-std)}.tree-grid .tree-card .tree-author{display:flex;justify-content:space-between;margin-top:5px}.tree-grid .tree-card .tree-author .edit{border:.5px solid var(--text);border-radius:5px;cursor:pointer;padding:0 8px}.tree-grid .tree-card .tree-author .edit:hover{background:var(--text-muted);transition:var(--transition-std)}.tree-grid .tree-card .label{color:#7fffd4}.tree-grid .tree-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px}.tree-grid .tree-card.energy-only:before{background:var(--energy)}.tree-grid .tree-card.ballistic-only:before{background:var(--ballistic)}.tree-grid .tree-card.missile-only:before{background:var(--missile)}.tree-grid .tree-card.energy-ballistic:before{background:linear-gradient(to bottom,var(--energy),var(--ballistic))}.tree-grid .tree-card.energy-missile:before{background:linear-gradient(to bottom,var(--energy),var(--missile))}.tree-grid .tree-card.ballistic-missile:before{background:linear-gradient(to bottom,var(--ballistic),var(--missile))}.tree-grid .tree-card.energy-ballistic-missile:before{background:linear-gradient(to bottom,var(--energy),var(--ballistic),var(--missile))}.tree-grid .tree-card:hover{background:var(--bg-light);transition:var(--transition-std)}*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:var(--highlight) transparent}:root{--bg-dark: oklch(.1 .075 290);--bg: oklch(.15 .075 290 / 85%);--bg-light: oklch(.3 .075 290);--highlight: oklch(.5 .15 290);--border-dark: oklch(.168 .0862 292);--border: oklch(.4 .15 290);--border-muted: oklch(.3 .15 290);--cards: oklch(.2995 .0886 286.97);--text-dark: oklch(.2478 0 0);--text: oklch(.95 .025 290);--text-muted: oklch(.76 .1 290);--text-enabled: oklch(.6201 0 0);--text-disabled: oklch(.4386 0 0);--primary: oklch(.74 .19 318);--secondary: oklch(.7322 .1583 29.27);--focused: oklch(.62 .195 288);--table-head: oklch(.295 .09 287);--table-bg: oklch(.168 .0862 292);--table-odd: oklch(.1878 .097 290.23);--danger: oklch(.7 .15 30);--warning: oklch(.7 .15 100);--success: oklch(.7 .15 160);--success-dark: oklch(.6 .15 160);--info: oklch(.7 .15 260);--info-dark: oklch(.5 .15 260);--admin-dark: oklch(.4023 .061 126);--admin: oklch(.53 .1 126);--admin-light: oklch(.63 .09 126);--unit-tag: oklch(.46 .22 28.5);--logout-hover: oklch(.36 .22 28.5);--is: oklch(.78 .115 62.75);--clan: oklch(.67 .0745 268);--avg: oklch(.85 .138 173);--hard: oklch(.67 .222 336);--skitz: oklch(.46 .22 28.5);--short: oklch(.7 .2 11.3);--mid: oklch(.81 .14 65.5);--long: oklch(.66 .17 255);--ballistic: oklch(.556 .1745 309.01);--energy: oklch(.9339 .1847 105.13);--energy-dark: oklch(.6507 .125 105.07);--missile: oklch(.5698 .0581 209.47);--ams: oklch(.6558 .1751 146.78);--ecm: oklch(.6884 .1523 59.35);--aux: oklch(.6907 .0947 241.23);--G1-Yellow: oklch(.868164 .073438 85);--G1-Green: oklch(.741211 .1375 180);--G1-Cyan: oklch(.812988 .103125 250);--G2-Cyan: linear-gradient(oklch(.735 .132 221.64 / 30%), oklch(.735 .132 221.64 / 60%));--header-height: 64px;--text-margin: 5px;--text-padding: 5px;--transition-std: .3s ease}:root ::-webkit-scrollbar{width:6px;height:6px;background-color:var(--hightlight)}:root ::-webkit-scrollbar-corner{background:0 0}#root{padding-top:115px;padding-bottom:calc(115px + 4em)}html{background-color:#0b0028;background-image:linear-gradient(to right,#0b0028,#2f002c);color:var(--text);font-family:Rajdhani,sans-serif;font-size:1rem;height:100%;padding:0}h1{font-size:clamp(1.8rem,4vw + 1rem,3rem);margin-bottom:10px}h3{cursor:default;color:var(--text-muted);font-family:Economica,sans-serif;src:url(/fonts/Economica/Economica-Regular.ttf)}legend{font-family:Economica,sans-serif;src:url(/fonts/Economica/Economica-Bold.ttf)}body{background:url(/images/backgroundpurple.jpg) no-repeat fixed center;background-size:cover;position:relative;margin:0;min-height:100%}ul{padding-inline-start:0px}label{cursor:pointer;-webkit-user-select:none;user-select:none}.bold{font-weight:700;font-style:bold}.container{background-color:var(--bg);margin-left:auto;margin-right:auto;padding:15px;max-width:960px;width:100%}.container-flex{display:flex;flex-wrap:wrap}.is{color:var(--is)}.clan{color:var(--clan)}.short{color:var(--short)}.mid{color:var(--mid)}.long{color:var(--long)}.avg{color:var(--avg)}.hard{color:var(--hard)}.skitz{color:var(--skitz)}.colourStrip{border-left:5px solid;padding-left:var(--text-padding)}.tab-bar{box-shadow:0 1px 0 var(--text-muted);padding:10px 0 1px}.tab-bar button{background:0;border:0;color:var(--text);padding:10px 24px 14px}.tab-bar button:hover,.tab-bar .active{background-image:var(--G2-Cyan);box-shadow:0 2px 0 var(--text)}.cdk-drag-preview{box-sizing:border-box;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;cursor:grabbing}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}@media(max-width:768px){.hide{display:none}}