.searchbox .input{background-color:var(--grey-850);height:var(--controls-height);border-style:dashed}.th-btn.svelte-1e61kno{text-transform:none;color:var(--grey-400);height:var(--controls-height)}.th-btn.svelte-1e61kno img:where(.svelte-1e61kno){width:auto;max-height:22px}.th-btn.svelte-1e61kno:not(.active) img:where(.svelte-1e61kno){filter:grayscale()}.th-btn.svelte-1e61kno.active{color:#cc995c}.th-menu.svelte-1e61kno{min-width:125px;max-height:250px;overflow-y:auto}.th-menu.svelte-1e61kno .town-hall:where(.svelte-1e61kno){justify-content:space-between;align-items:center;width:100%;display:flex}.th-menu.svelte-1e61kno .town-hall:where(.svelte-1e61kno) .flex:where(.svelte-1e61kno){gap:4px;height:22px;display:flex}.th-menu.svelte-1e61kno .town-hall:where(.svelte-1e61kno) .body:where(.svelte-1e61kno){color:var(--grey-100);min-width:2ch;font-family:Clash,sans-serif}.th-menu.svelte-1e61kno .town-hall:where(.svelte-1e61kno) img:where(.svelte-1e61kno){width:auto;max-height:100%}.th-menu.svelte-1e61kno ul:where(.svelte-1e61kno){padding:0}.th-menu.svelte-1e61kno li:where(.svelte-1e61kno){padding:3px 0}.th-menu.svelte-1e61kno li:where(.svelte-1e61kno):hover{background-color:var(--grey-800)}.th-menu.svelte-1e61kno li:where(.svelte-1e61kno):not(last-child){border-bottom:1px solid var(--grey-600)}.th-menu.svelte-1e61kno li:where(.svelte-1e61kno) svg:where(.svelte-1e61kno){width:auto;height:12px}.controls.svelte-zef0kw{--controls-height:40px;justify-content:space-between;width:100%;display:flex}.controls.svelte-zef0kw:has(.left:where(.svelte-zef0kw):not(:empty)+.right:where(.svelte-zef0kw):not(:empty)){gap:4px}.controls.svelte-zef0kw .left:where(.svelte-zef0kw),.controls.svelte-zef0kw .right:where(.svelte-zef0kw){gap:4px;display:flex}.controls.svelte-zef0kw .left:where(.svelte-zef0kw){flex:1 0 0}.controls.svelte-zef0kw .search-box:where(.svelte-zef0kw){width:100%;max-width:275px}@media (width<=600px){.controls.svelte-zef0kw .search-box:where(.svelte-zef0kw){max-width:none}}.controls.svelte-zef0kw .filters-btn:where(.svelte-zef0kw){text-transform:none;color:var(--grey-400);height:var(--controls-height)}.controls.svelte-zef0kw .filters-btn:where(.svelte-zef0kw).active{color:#cc995c}@media (width<=100px){.controls.svelte-zef0kw{flex-flow:column;align-items:stretch}.controls.svelte-zef0kw:has(.left:where(.svelte-zef0kw):not(:empty)+.right:where(.svelte-zef0kw):not(:empty)){gap:8px}.controls.svelte-zef0kw .right:where(.svelte-zef0kw){justify-content:flex-end}}.controls.svelte-1pimvnz:not(:empty){margin-top:10px}.reset-filters.svelte-1pimvnz{display:none}.army-list.svelte-1pimvnz:has(.controls:where(.svelte-1pimvnz):not(:empty)) .reset-filters:where(.svelte-1pimvnz){display:block}.armies-list.svelte-1pimvnz{flex-flow:column;gap:10px;margin-top:10px;display:flex}.spinner-container.svelte-1pimvnz{flex:1 0 0;justify-content:center;align-items:center;margin-top:24px;display:flex}.spinner-container.svelte-1pimvnz .spinner:where(.svelte-1pimvnz){border:5px solid var(--grey-500);box-sizing:border-box;border-bottom-color:#0000;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin;display:inline-block}.no-data.svelte-1pimvnz{background-color:var(--grey-800);border-radius:8px;flex-flow:column;flex:1 0 0;justify-content:center;align-items:center;padding:2em 1em;display:flex}.no-data.svelte-1pimvnz h2:where(.svelte-1pimvnz){text-align:center;max-width:450px;font-size:var(--h2);line-height:var(--h2-lh);margin:1em 0 .75em;font-weight:400}.no-data.svelte-1pimvnz img:where(.svelte-1pimvnz){width:100%;max-width:550px}@media (width<=550px){.no-data.svelte-1pimvnz img:where(.svelte-1pimvnz){max-width:100%}}