.input[data-v-7915552c]{flex-shrink:0}.content[data-v-7915552c]{border-radius:8px;border:2px solid hsla(0,0%,100%,.2);overflow:hidden;cursor:text;transition:.2s}.content.focused[data-v-7915552c]{border:solid 2px var(--primary-color)}.content.error[data-v-7915552c]{border:solid 2px var(--alert-color)}.content.valid[data-v-7915552c]{border:solid 2px var(--success-color)}.content.disabled[data-v-7915552c]{border:2px solid grey}.content .connectLeft[data-v-7915552c]{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.content .connectRight[data-v-7915552c]{margin-right:-1px;border-top-right-radius:0;border-bottom-right-radius:0}.title[data-v-7915552c]{color:hsla(0,0%,100%,.8);font-size:14px}.main-input[data-v-7915552c]{border:none;font-size:14px;color:#fff;width:100%;outline:none;background:none;flex:1}.main-input.hasPrefix[data-v-7915552c]{padding-left:0}.main-input.textarea[data-v-7915552c]{resize:none;height:200px;width:200px}.error-message[data-v-7915552c]{color:var(--alert-color);margin-top:2px;min-height:21px;margin-left:5px;font-size:12px}.valid-message[data-v-7915552c]{color:var(--success-color);margin-top:2px;min-height:21px;margin-left:5px;font-size:12px}.container[data-v-7915552c]{display:flex}.prefix[data-v-7915552c]{opacity:.7;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.prefix.icon[data-v-7915552c]{opacity:.3;margin-right:5px}.button[data-v-6e36e855]{display:flex;align-items:center;align-content:center;justify-content:center;margin:4px;border-radius:6px;padding:8px;font-size:14px;border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:none;outline:none;transition:.2s;color:hsla(0,0%,100%,.7);background:hsla(0,0%,100%,.05)}.button[data-v-6e36e855]:hover{background:var(--primary-color);color:#fff}.button:hover .icon[data-v-6e36e855]{color:#fff}.button.alert[data-v-6e36e855]:hover{background:var(--alert-color)}.button.warn[data-v-6e36e855]:hover{background:var(--warn-color)}.button.valid[data-v-6e36e855]:hover{background:var(--success-color)}.icon[data-v-6e36e855]{color:var(--primary-color);transition:.2s}.icon.left[data-v-6e36e855]{margin-right:5px}.icon.right[data-v-6e36e855]{margin-left:5px}.icon.no-text[data-v-6e36e855]{margin-left:0;margin-right:0}.alert .icon[data-v-6e36e855]{color:var(--alert-color)}.warn .icon[data-v-6e36e855]{color:var(--warn-color)}.valid .icon[data-v-6e36e855]{color:var(--success-color)}.disabled[data-v-6e36e855]{opacity:.5;pointer-events:none}.add-server[data-v-9e0d6fa8]{position:absolute;top:0;left:0;bottom:0;right:0;margin:20px;display:flex;flex-direction:column}.title[data-v-9e0d6fa8]{opacity:.8}.form[data-v-9e0d6fa8]{display:flex;flex-direction:column;align-items:center;width:200px;margin-top:80px;align-self:center}.enter-server-code[data-v-a1b36bb4]{position:absolute;top:0;left:0;bottom:0;right:0;margin:10px;display:flex;flex-direction:column}.title[data-v-a1b36bb4]{opacity:.8}.form[data-v-a1b36bb4]{display:flex;flex-direction:column;align-items:center;width:200px;margin-top:80px;align-self:center}.image[data-v-92e39f44]{display:flex;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;border-radius:50%;overflow:hidden;border:3px solid transparent}img[data-v-92e39f44]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.willHaveClickEvent[data-v-92e39f44]{cursor:pointer}.willHaveClickEvent[data-v-92e39f44]:before{content:"";transition:.2s;position:absolute;top:0;left:0;right:0;background:transparent;bottom:0;z-index:999}.willHaveClickEvent[data-v-92e39f44]:hover:before{background:rgba(0,0,0,.4)}.preview-server[data-v-c1b66dea]{position:absolute;top:0;left:0;bottom:0;right:0;margin:10px;display:flex;flex-direction:column}.banner[data-v-c1b66dea]{background-position:50%;background-size:cover;height:150px;width:100%;position:relative;border-radius:4px;overflow:hidden}.banner-img[data-v-c1b66dea]{-o-object-fit:cover;height:100%;width:100%;object-fit:cover}.banner[data-v-c1b66dea]:after{content:"";position:absolute;top:0;left:0;right:0;border-radius:4px;bottom:0;transition:.2s;background:rgba(0,0,0,.3)}.avatar[data-v-c1b66dea]{z-index:99999;margin-top:-50px;margin-left:10px}.name[data-v-c1b66dea]{margin-left:10px;margin-top:5px}.buttons[data-v-c1b66dea]{margin-top:auto;margin-left:auto}.error-message[data-v-c1b66dea]{height:30px;margin-left:10px;color:var(--alert-color);font-size:14px}.slide-left-enter-active[data-v-673a4292],.slide-left-leave-active[data-v-673a4292]{transition:.3s}.slide-left-enter-from[data-v-673a4292]{transform:translate(100%)}.slide-left-leave-to[data-v-673a4292]{transform:translate(-100%)}.slide-right-enter-active[data-v-673a4292],.slide-right-leave-active[data-v-673a4292]{transition:.3s}.slide-right-enter-from[data-v-673a4292]{transform:translate(-100%)}.slide-right-leave-to[data-v-673a4292]{transform:translate(100%)}.join-server[data-v-673a4292]{position:absolute;top:0;left:0;bottom:0;right:0;margin:10px;display:flex;flex-direction:column}.slide-left-enter-active[data-v-5abe418c],.slide-left-leave-active[data-v-5abe418c]{transition:.3s}.slide-left-enter-from[data-v-5abe418c]{transform:translate(100%)}.slide-left-leave-to[data-v-5abe418c]{transform:translate(-100%)}.slide-right-enter-active[data-v-5abe418c],.slide-right-leave-active[data-v-5abe418c]{transition:.3s}.slide-right-enter-from[data-v-5abe418c]{transform:translate(-100%)}.slide-right-leave-to[data-v-5abe418c]{transform:translate(100%)}.tab-layout[data-v-5abe418c]{display:flex;flex-direction:column;overflow:auto;height:100%}.tabs[data-v-5abe418c]{display:flex;margin-left:10px}.tab[data-v-5abe418c]{display:flex;align-items:center;justify-content:center;padding-top:5px;padding-bottom:5px;padding-left:10px;padding-right:10px;margin-top:5px;margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:30px;opacity:.6;transition:.2s;border:1px solid hsla(0,0%,100%,0);border-bottom:none}.tab[data-v-5abe418c]:hover{opacity:1;background:hsla(0,0%,100%,.05)}.tab.selected[data-v-5abe418c]{opacity:1;background:var(--card-color);border:1px solid hsla(0,0%,100%,.1);border-bottom:none}.tab-layout-container[data-v-5abe418c]{height:100%;margin-top:0;background:rgba(0,0,0,.2);padding:5px;border-radius:4px;overflow:hidden;position:relative;border:1px solid hsla(0,0%,100%,.1);background:var(--card-color)}.tab-layout-container>div[data-v-5abe418c]{position:absolute;top:0;left:0;bottom:0;right:0}.add-server-popout[data-v-8e1e92c8]{background:var(--popout-color);border-radius:4px;overflow:hidden;max-width:400px;width:100%;height:400px}.animate-in[data-v-8e1e92c8]{opacity:0;animation:showUp-8e1e92c8 .2s;animation-fill-mode:forwards}@keyframes showUp-8e1e92c8{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.popout-background[data-v-8e1e92c8]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.658);z-index:1.0000000000000001e+29;display:flex;align-content:center;align-items:center;justify-content:center;pointer-events:all}.header[data-v-8e1e92c8]{display:flex;align-items:center;align-content:center;padding:5px;background:var(--main-header-bg-color)}.header .text[data-v-8e1e92c8]{margin-left:4px}.content[data-v-8e1e92c8],.inner-content[data-v-8e1e92c8]{display:flex;flex-direction:column;height:100%}.inner-content[data-v-8e1e92c8]{overflow:auto}.tabs[data-v-8e1e92c8]{display:flex;margin-left:10px}.tabs .tab[data-v-8e1e92c8]{display:flex;align-items:center;justify-content:center;padding-top:5px;padding-bottom:5px;width:60px;margin-top:5px;margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:30px;opacity:.6;transition:.2s}.tabs .tab[data-v-8e1e92c8]:hover{opacity:1;background:hsla(0,0%,100%,.05)}.tabs .tab.selected[data-v-8e1e92c8]{opacity:1;background:hsla(0,0%,100%,.1)}.container[data-v-8e1e92c8]{height:100%;margin-top:0;background:hsla(0,0%,100%,.1);padding:5px;border-radius:4px;overflow:hidden;position:relative}