.server-button.svelte-1y8acju{background-color:#2c2c2c;border:none;border-radius:5px;padding:10px;margin:10px;color:#fff;min-width:200px;height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:.2s}.server-button.svelte-1y8acju:hover{background-color:#3c3c3c}.popup.svelte-vd7e4p.svelte-vd7e4p{position:absolute;top:0;left:0;z-index:1000!important;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out}.popup__title.svelte-vd7e4p.svelte-vd7e4p{font-size:24px;font-weight:700;color:#000}.popup__close.svelte-vd7e4p.svelte-vd7e4p{width:20px;height:20px;background-repeat:no-repeat;background-size:contain;cursor:pointer;fill:#f44}.popup__close.svelte-vd7e4p line.svelte-vd7e4p{stroke:#fff;stroke-width:2px}.popup__close.svelte-vd7e4p.svelte-vd7e4p:hover{transform:scale(1.5)}.popup__content.svelte-vd7e4p.svelte-vd7e4p{width:100%;max-width:500px;background-color:#fff;border-radius:10px;padding:20px;box-sizing:border-box}.popup__header.svelte-vd7e4p.svelte-vd7e4p{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.popup__body.svelte-vd7e4p.svelte-vd7e4p{margin-bottom:20px}div.svelte-1rogqys{position:absolute;display:grid;border:1px solid #0003;box-shadow:2px 2px 5px #0002;background:white}div.svelte-11hdt5k{padding:4px 15px;cursor:default;font-size:14px;display:flex;align-items:center;grid-gap:5px}div.svelte-11hdt5k:hover{background:#0002}div.disabled.svelte-11hdt5k{color:#0006}div.disabled.svelte-11hdt5k:hover{background:white}hr.svelte-gwcs5a{border-top:1px solid #0003;width:100%;margin:2px 0}h2.svelte-1qg6fxe{margin-bottom:1%;font-size:30px;text-align:center;margin-top:0}.error.svelte-1qg6fxe{color:red;margin-bottom:0}.server-holder.svelte-1qg6fxe{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}.add-server.svelte-1qg6fxe{position:fixed;bottom:20px;right:20px;width:100px;height:100px;border-radius:50%;background-color:#2f3136;border:none;color:#fff;font-size:20px;cursor:pointer;box-shadow:0 0 10px #000000bf}.add-server.svelte-1qg6fxe:hover{background-color:#36393f}input.svelte-1qg6fxe{width:100%;height:40px;border:1px solid #ccc;border-radius:5px;padding:0 10px;box-sizing:border-box;outline:none;font-size:16px;color:#000;margin-bottom:10px}button.svelte-1qg6fxe{width:100%;height:40px;border:none;border-radius:5px;background-color:#2f3136;color:#fff;font-size:16px;cursor:pointer;transition:background-color .2s ease}button.svelte-1qg6fxe:hover{background-color:#36393f}