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