.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-friend-popout[data-v-263cabbd]{background:var(--popout-color);border-radius:4px;overflow:hidden;max-width:300px}.animate-in[data-v-263cabbd]{opacity:0;animation:showUp-263cabbd .2s;animation-fill-mode:forwards}@keyframes showUp-263cabbd{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.popout-background[data-v-263cabbd]{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-263cabbd]{display:flex;align-items:center;align-content:center;padding:5px;background:var(--main-header-bg-color)}.header .text[data-v-263cabbd]{margin-left:4px}.content[data-v-263cabbd]{display:flex;flex-direction:column;height:100%}.inner-content[data-v-263cabbd]{display:flex;flex-direction:column;overflow:auto;align-items:center}.description[data-v-263cabbd]{margin-top:10px}.button[data-v-263cabbd]{margin-bottom:20px}.info[data-v-263cabbd]{padding:10px;margin-bottom:10px}