.servers-list[data-v-5b2fcf21]{display:flex;flex-direction:column;gap:1rem}.server-card[data-v-5b2fcf21]{display:flex;flex-direction:row;gap:1rem;width:100%;padding:.75rem;border:1px solid gray;border-radius:4px;background-color:#303030}.server-card h3[data-v-5b2fcf21],.server-card p[data-v-5b2fcf21]{width:fit-content;margin:0}.server-card--disabled[data-v-5b2fcf21]{filter:grayscale(60%)}.server-card--image[data-v-5b2fcf21]{width:96px;height:96px;background-color:#242424;border-radius:4px;border:1px solid gray}.server-card--info[data-v-5b2fcf21]{display:flex;flex-direction:column;width:100%}.server-card--header[data-v-5b2fcf21]{display:flex;align-items:baseline;justify-content:space-between;width:100%}.server-invite[data-v-5b2fcf21]{padding:.25rem .5rem;border-radius:4px;color:#fff;background:gray}.server-invite[data-v-5b2fcf21]:hover{background-color:#a9a9a9}.server-card--disabled .server-invite[data-v-5b2fcf21]{pointer-events:none}@media only screen and (min-width:768px){.server-card[data-v-5b2fcf21]{max-width:666px}}select[data-v-bba87811]{padding:.5rem;background-color:#1e1e1e;border:1px solid gray;border-radius:4px}.filter-options[data-v-7f3e967f]{display:flex;flex-wrap:wrap;gap:.5rem}label[data-v-7f3e967f]{display:flex;justify-content:center;align-items:center;gap:.25rem;width:fit-content;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:400;border:1px solid gray;border-radius:1rem;padding:.25rem .5rem;background:#373737}label[data-v-7f3e967f]:hover,label[data-v-7f3e967f]:has(input:checked):hover{background-color:#1e1e1e}label[data-v-7f3e967f]:has(input:checked){background-color:#111}label input[data-v-7f3e967f]{height:16px;width:16px}[data-v-495178d8]::backdrop{background-image:linear-gradient(45deg,#000,#1e1e1e,#000);opacity:.75}.dialog[data-v-495178d8]:open{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;padding:0;border:1px solid gray;border-radius:4px}.dialog:open .dialog-heading[data-v-495178d8]{margin:0}.dialog:open .dialog-form[data-v-495178d8]{display:flex;flex-direction:column;justify-content:center;gap:1rem;height:-webkit-fill-available;width:100%;padding:2rem;background-color:#303030}.dialog:open .dialog-form label[data-v-495178d8]{display:flex;flex-direction:column;gap:.25rem}.dialog:open .dialog-form input[data-v-495178d8]{padding:.5rem;background-color:#1e1e1e;border:1px solid gray;border-radius:4px}.dialog:open .dialog-form--actions[data-v-495178d8]{display:flex;gap:.75rem}.dialog:open .dialog-info[data-v-495178d8]{display:flex;flex-direction:column;gap:.5rem;padding:2rem;height:fit-content;width:100%}.dialog:open .dialog-info--details[data-v-495178d8]{border:1px solid gray;width:100%;max-height:500px;overflow-y:auto}.dialog:open .dialog-info--details summary[data-v-495178d8]{font-weight:500;cursor:pointer;padding:.5rem;width:100%;background-color:#1e1e1e}.dialog:open .dialog-info--details ul[data-v-495178d8]{list-style:none;margin:0}.dialog:open .dialog-info--details-content[data-v-495178d8]{padding:.5rem!important}.dialog:open .dialog-info--details img[data-v-495178d8]{width:100%}.server-display[data-v-495178d8]{display:flex;flex-direction:row;gap:1rem;padding:.75rem;border:1px solid gray;border-radius:4px;background-color:#303030}.server-display img[data-v-495178d8]{width:60px;height:60px;background-color:#242424;border-radius:4px;border:1px solid gray}@media only screen and (min-width:768px){.dialog-form[data-v-495178d8]{max-width:350px;min-width:350px}.dialog-info[data-v-495178d8]{max-width:400px;min-width:400px}}@media only screen and (max-width:767.98px){.dialog[data-v-495178d8]{min-width:100%}.dialog:open .dialog-form[data-v-495178d8],.dialog:open .dialog-info[data-v-495178d8]{padding:1rem}}.layout[data-v-4ece0c98]{display:flex;flex-direction:column;gap:1rem}main[data-v-4ece0c98]{width:100%}.sidebar[data-v-4ece0c98]{display:flex;flex-direction:column;gap:1rem;height:fit-content;padding:1rem;border:1px solid gray;border-radius:4px;background-color:#303030}.sidebar h1[data-v-4ece0c98]{margin:0}.sidebar label[data-v-4ece0c98],.sidebar legend[data-v-4ece0c98]{font-weight:500}.sidebar--sorter-container[data-v-4ece0c98]{display:flex;flex-direction:column;gap:.5rem;width:fit-content}.sidebar--filter-container[data-v-4ece0c98]{all:unset}.sidebar--filter-container legend[data-v-4ece0c98]{padding:0;margin-bottom:.5rem}@media only screen and (min-width:768px){.layout[data-v-4ece0c98]{flex-direction:row;column-gap:6%}.sidebar[data-v-4ece0c98]{width:50%}}*{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1f1f1f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-height:100vh}h1{font-size:3rem;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{margin:0 auto;padding:1rem}@media only screen and (min-width:1024px){#app{padding:2rem}}