.add-friends[data-v-6d2f629a]{width:40%;background-color:var(--wNMmWnw-5);border-radius:0 .4rem}.v-popover[data-v-6d2f629a]{text-align:left;margin-left:1rem;margin-top:1.5rem;color:#ececec}.v-popover .short-id-clipboard[data-v-6d2f629a]{font-weight:700;font-size:1.1rem;color:#f2f2f2}.v-popover :hover .short-id-clipboard[data-v-6d2f629a]{color:#7ccdff}.input[data-v-6d2f629a]{display:flex;align-items:flex-end;margin-top:1.5rem;padding:0 1rem}.input[data-v-6d2f629a]:first-of-type{margin-top:1rem}.btn[data-v-6d2f629a]{font-size:.9rem;height:3rem;margin-left:-1.5rem;margin-bottom:.4rem;width:13rem}.btn-copy[data-v-6d2f629a]{width:30%}.head-text[data-v-6d2f629a]{box-shadow:0 2px 1px rgba(0,0,0,.25);background:var(--wNMmWnw-2);height:2.875rem;display:flex;align-items:center;padding-left:18px;font-weight:700;font-size:1.5rem;color:var(--white)}.create-lobby[data-v-6d2f629a]{font-size:1.65rem;font-weight:700;margin-top:2rem}.online[data-v-778b4c70]{display:flex;align-items:center;margin-right:1rem;color:var(--WwwnMmN-1);height:46px}.friend[data-v-778b4c70]{background:var(--wNMmWnw-1);opacity:.5;width:100%;margin-top:.7rem;display:flex;justify-content:space-between;border-radius:.313rem;cursor:pointer;transition:all .7s ease}.friend.is-online[data-v-778b4c70]{opacity:1}.friend[data-v-778b4c70]:hover{background-color:var(--wNMmWnw-4)}.friend-left[data-v-778b4c70]{display:flex}.friend-level[data-v-778b4c70]{height:100%;width:3.2rem;display:flex;justify-content:center;align-items:center;background-color:#1f2028;font-size:1.7rem;border-top-left-radius:.313rem;border-bottom-left-radius:.313rem}.friend-desc[data-v-778b4c70]{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin-left:.6rem;height:100%}.friend-id[data-v-778b4c70]{color:hsla(0,0%,83.9%,.6);font-size:.875rem;margin-top:.25rem;font-weight:100}.nickname[data-v-778b4c70]{color:var(--gray-1);display:flex;align-items:center}.badge[data-v-778b4c70]{vertical-align:bottom;height:18px}.level-cont[data-v-778b4c70]{background-color:var(--wNMmWnw-2);border-radius:.313rem 0 0 .313rem;width:4.125rem;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;border-right:solid 2px var(--wNMmWnw-1)}.level-amount[data-v-778b4c70]{font-weight:700;font-size:1.875rem;color:var(--white)}.level-label[data-v-778b4c70]{color:var(--WwmwWnM-1);margin-top:-.125rem;font-size:.813rem}.avatar[data-v-778b4c70]{height:3rem;width:3rem;border:.25rem solid #202639;margin:.5rem 0 .313rem .875rem}.friend-right[data-v-778b4c70]{display:flex}.invite[data-v-778b4c70]{background:var(--blue-4);color:var(--gray-1);border-radius:0 .313rem .313rem 0;width:5.188rem;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.125rem;cursor:pointer}.invite[data-v-778b4c70]:hover{background-color:var(--blue-5)}.online-circle[data-v-778b4c70]{font-size:18px;color:var(--WwwnMmN-1);display:none}.add-delete[data-v-778b4c70]{display:flex}.add[data-v-778b4c70],.delete[data-v-778b4c70]{background-color:var(--wNMmWnw-4);font-weight:700;color:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;border-left:solid 2px var(--wNMmWnw-1)}.add[data-v-778b4c70]{width:4.5rem}.add[data-v-778b4c70]:hover{background-color:var(--WwwnMmN-1)}.delete[data-v-778b4c70]{width:4.188rem;border-radius:0 .313rem .313rem 0}.delete[data-v-778b4c70]:hover{background-color:var(--red-1)}.close-icon[data-v-778b4c70]{width:2rem;height:2rem}.allo[data-v-15958624]{height:calc(100% - 5rem)}.list[data-v-15958624]{margin:1rem;height:100%;overflow-y:auto;position:relative}@media(max-width:1300px){.list[data-v-15958624]{max-height:100%;height:100%}}.no-friends[data-v-15958624]{color:#6a728c;font-size:1.25rem;margin-top:1rem;height:25rem;max-height:25rem;margin:1rem}.allo[data-v-25d874d6]{height:calc(100% - 5rem)}.requests[data-v-25d874d6]{margin:1rem;height:100%;overflow-y:auto;position:relative}@media(max-width:1300px){.requests[data-v-25d874d6]{max-height:100%;height:100%}}.no-requests[data-v-25d874d6]{color:#6a728c;font-size:1.25rem;margin-top:1rem;height:25rem;max-height:25rem;margin:1rem}.friends[data-v-c023e2ea]{display:flex;flex-direction:row;width:60rem;max-width:75vw;height:85vh}@media(max-width:1300px){.friends[data-v-c023e2ea]{height:75vh}}.content[data-v-c023e2ea]{width:calc(60% - .4rem);display:flex;flex-direction:column;margin-left:.4rem}.tabs[data-v-c023e2ea]{display:flex;font-size:2rem;width:100%;pointer-events:none;background:var(--wNMmWnw-2);box-shadow:0 2px 1px rgba(0,0,0,.25);height:2.875rem;font-size:1.375rem;justify-content:space-between;border-bottom:solid .125rem var(--wNMmWnw-1);color:var(--white)}.reqs[data-v-c023e2ea]{background:var(--red-1);height:.7rem;width:.7rem;border-radius:100%;position:absolute;top:.5rem;right:.5rem}.tab[data-v-c023e2ea]{cursor:pointer;transition:color .3s ease;pointer-events:auto;font-weight:700;display:flex;align-items:center;padding:.125rem 1.25rem 0 1.25rem;position:relative}.tab[data-v-c023e2ea]:hover{color:var(--WwmwWnM-1)}.left[data-v-c023e2ea]{display:flex}.active-tab[data-v-c023e2ea]{color:var(--WwmwWnM-1);background-color:var(--wNMmWnw-4);border-right:var(--wNMmWnw-1) solid 1px}.active-tab[data-v-c023e2ea]:last-child{border-left:var(--wNMmWnw-1) solid 1px}.limit[data-v-c023e2ea]{display:flex;align-items:center;padding:0 1rem;border-left:1px solid var(--wNMmWnw-3);font-size:1.125rem;color:var(--gray-1)}.right-btns-in-request[data-v-c023e2ea]{display:flex}