.loadingBackground[data-v-70a20afc]{height:2rem;width:2rem;border-radius:100%;border:var(--loader-secondary) solid .25rem;animation:rotate-70a20afc .75s linear infinite}.loadingForeground[data-v-70a20afc]{height:1rem;width:1rem;border-top-left-radius:100%;margin:-.25rem 0 0 -.25rem;background-color:var(--loader-main);position:relative}.loadingForeground[data-v-70a20afc]:before{content:"";height:1.5rem;width:1.5rem;border-radius:100%;background-color:var(--background);position:absolute;left:0;margin:.25rem 0 0 .25rem}@keyframes rotate-70a20afc{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}button[data-v-712271d2]{border:none;padding:1em 1.5em;font-size:1em;border-radius:2em;cursor:pointer;position:relative}.primary[data-v-712271d2]{color:#fff;background-color:#000}.secondary[data-v-712271d2]{color:#000;background-color:#e6e6e6}.hidden[data-v-712271d2]{visibility:hidden}.loading[data-v-712271d2]{position:absolute;margin:auto;left:0;right:0;top:0;bottom:0}span[data-v-712271d2]{display:flex;gap:.25em;align-items:center;justify-content:center}svg[data-v-712271d2-s]{height:1em}line[data-v-0f1fa656]{fill:none;stroke-linecap:square;stroke-width:2px}h1[data-v-091b0896]{font-family:Oceanwide,Helvetica,Arial,sans-serif;font-size:3em;height:1lh;position:relative;margin-bottom:.5em}h1[data-v-091b0896]:after{margin-left:.2em;position:absolute;top:0;bottom:0;width:.1em;border-radius:1em;content:"";background-color:#e6e6e6;display:inline-block;animation:fade-in-and-out-091b0896 1s ease-out infinite}@keyframes fade-in-and-out-091b0896{0%,to{opacity:1}50%{opacity:0}}.a[data-v-288d7a7c]{fill:none;stroke:#000;stroke-linecap:square;stroke-width:2px}.authContainer[data-v-517c1d83]{display:flex;flex-direction:column;align-items:start}h1[data-v-517c1d83]{font-family:Oceanwide,Helvetica,Arial,sans-serif;font-size:2em;margin-top:.5em}p[data-v-517c1d83]{color:#afafaf}input[data-v-517c1d83]{margin-top:1em;font-size:2em;width:15em;border:1px solid #e6e6e6;border-radius:.25em;padding:.5em;outline:none}input[data-v-517c1d83]::-moz-placeholder{color:#afafaf}input[data-v-517c1d83]::placeholder{color:#afafaf}p.error[data-v-517c1d83]{color:red;font-weight:700;margin-top:.5em;display:flex;align-items:center;gap:.25em}p.error>span[data-v-517c1d83]{background-color:red;height:1.5em;width:1.5em;border-radius:100%;display:flex;align-items:center;justify-content:center}p.error>span>[data-v-517c1d83]{height:1em}input.error[data-v-517c1d83]{border:1px solid red;color:red;background-color:#ffe5e5}input.error[data-v-517c1d83]::-moz-placeholder{color:red}input.error[data-v-517c1d83]::placeholder{color:red}.buttons[data-v-517c1d83]{margin-top:2em;display:flex;gap:1em;align-self:end}.createAcountContainer[data-v-517c1d83]{display:flex;gap:1em;align-items:center;margin-top:1em}.createAcountContainer>img[data-v-517c1d83]{height:5em}.createAcountContainer input[data-v-517c1d83]{font-size:1.25em;padding:.75em;border-radius:.5em;margin-top:0}.container[data-v-2a952d04]{height:100%;width:23em;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:start;animation:fade-in-2a952d04 .5s ease}.navButtons[data-v-2a952d04]{margin-top:2em;display:flex;gap:1em;align-self:end}form[data-v-2a952d04]{width:100%;display:flex;justify-content:space-between;margin-top:2em}input[data-v-2a952d04]{width:1.5em;font-size:2em;text-align:center;padding:.5em 0;border:1px solid #e6e6e6;border-radius:.25em}input.error[data-v-2a952d04]{border:1px solid red;background-color:#ffe5e5;color:red}p.error[data-v-2a952d04]{color:red;font-weight:700;display:flex;align-items:center;gap:.25em}p.error>span[data-v-2a952d04]{background-color:red;height:1.5em;width:1.5em;border-radius:100%;display:flex;align-items:center;justify-content:center}p.error>span>[data-v-2a952d04]{height:1em}p[data-v-2a952d04]{margin-top:.5em;color:#afafaf}h1[data-v-2a952d04]{font-family:Oceanwide,Helvetica,Arial,sans-serif;font-size:2em;margin-top:.5em}.subheading[data-v-2a952d04]{margin:0}@keyframes fade-in-2a952d04{0%{opacity:0}to{opacity:1}}.newCode[data-v-2a952d04]{height:2em;font-size:1em;display:flex;gap:.25em;align-items:center;border:none;background:none;cursor:pointer;color:#afafaf;margin-top:.5em}.newCode[data-v-2a952d04]:hover{text-decoration:underline}.newCode>img[data-v-2a952d04]{height:1.5em}.st0[data-v-6ab63845]{fill:none}.st1[data-v-6ab63845]{fill:#fff}.sidebar[data-v-460e065a]{color:#fff;background-color:#000;height:100%;width:17.5em;padding:.75em;flex-shrink:0}.logo[data-v-460e065a]{height:1.25em;margin:.5em;fill:#fff}.pages>button>svg[data-v-460e065a]{width:1.25em;height:1.5em}.no_friend_msg[data-v-460e065a]{color:#868686;margin-left:.75em}.pages>button[data-v-460e065a]{color:#fff;padding:.5em .75em;border-radius:.5em;border:none;background:none;width:100%;display:flex;align-items:center;gap:.5em;cursor:pointer;font-size:1em;height:2.5em;position:relative}.pages>button[data-v-460e065a]:hover{background-color:#272727}.selected[data-v-460e065a],.selected[data-v-460e065a]:hover{background-color:#363636!important}.title[data-v-460e065a]{text-transform:uppercase;font-weight:700;font-size:.75em;margin:1.5em 0 .5em .5em}p[data-v-460e065a]{color:#fff}.friend[data-v-460e065a]{padding:.5em!important}.monogram[data-v-460e065a]{background-color:#868686;height:2em;width:2em;border-radius:100%;color:#fff;font-weight:700;line-height:2em;flex-shrink:0}.friend_name[data-v-460e065a]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff}.badge[data-v-460e065a]{position:absolute;background-color:red;color:#fff;padding:0 .3em;font-size:.75em;border-radius:1em;bottom:.25em;left:1.75em;display:flex;align-items:center;justify-content:center}.flex-container[data-v-2cfff549]{width:100%;height:100%;display:flex}h1[data-v-2cfff549]{font-family:Oceanwide,Helvetica,Arial,sans-serif;font-size:1.5em}.overview-container[data-v-2cfff549]{align-self:stretch;height:100%;flex-grow:2;display:flex;align-items:center;justify-content:center}.friendsSidebar button[data-v-70333bdc]{color:#000;background:none;border:none;padding:.5em .75em;border-radius:.5em;height:2.5em;width:100%;font-size:1em;display:flex;align-items:center;gap:.5em}.friendsSidebar[data-v-70333bdc]{padding:1em;height:100%;width:20em;border-right:1px solid #e6e6e6}.listOfPeople button[data-v-70333bdc]{padding:.5em}button>p[data-v-70333bdc]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.monogram[data-v-70333bdc]{background-color:#868686;height:2em;width:2em;border-radius:100%;color:#fff;font-weight:700;line-height:2em;flex-shrink:0}.sendFriendRequest[data-v-70333bdc]{margin-top:.25em}.currentFriends button[data-v-70333bdc],.sendFriendRequest[data-v-70333bdc]{cursor:pointer}.currentFriends button[data-v-70333bdc]:hover,.sendFriendRequest[data-v-70333bdc]:hover{background-color:#f0f0f0}.divider[data-v-70333bdc]{width:100%;height:1px;background-color:#e6e6e6;margin:.25em 0}.manageFriendRequestButtons[data-v-70333bdc]{margin-left:auto;display:flex;gap:.5em;flex-shrink:0}.manageFriendRequestButtons>button[data-v-70333bdc]{background-color:#e6e6e6;width:2em;height:2em;border-radius:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}.manageFriendRequestButtons>button>svg[data-v-70333bdc]{width:1em;height:1em}h1[data-v-70333bdc]{font-family:Oceanwide,Helvetica,Arial,sans-serif;font-size:1.5em}h2[data-v-70333bdc]{text-transform:uppercase;font-weight:700;font-size:.75em;margin:1.5em 0 .5em 0}.listOfPeople>p[data-v-70333bdc]{color:#afafaf;font-size:1em;margin:.25em 0 0 .25em}.sendFriendRequest>svg[data-v-70333bdc]{width:1.25em;height:1.5em}.selectedFromSidebar[data-v-70333bdc],.selectedFromSidebar[data-v-70333bdc]:hover{background-color:#e6e6e6!important}.monogram[data-v-90e22c60]{font-size:2em;justify-content:center;align-items:center;display:flex;background-color:#868686;height:2em;width:2em;border-radius:100%;color:#fff;font-weight:700;margin-bottom:.5em}.contentContainer[data-v-90e22c60]{align-self:stretch;height:100%;flex-grow:2;display:flex;justify-content:center;align-items:center;flex-direction:column}.flexContainer[data-v-90e22c60]{width:100%;height:100%;display:flex}.noSelection p[data-v-90e22c60]{font-size:2em;color:#afafaf}p[data-v-90e22c60]{color:#afafaf;max-width:17.5em;text-align:center}.friendRequestText[data-v-90e22c60]{margin-top:.25em}.accountCodeInput[data-v-90e22c60]{display:flex;margin:2em 0 0 0;gap:.5em;align-items:center}.accountCodeInput>span[data-v-90e22c60]{color:#afafaf;font-weight:700;font-size:2em}input[data-v-90e22c60]{width:4em;font-size:2em;text-align:center;padding:.5em 0;border:1px solid #e6e6e6;border-radius:.25em}.friendRequestButton[data-v-90e22c60]{margin-top:2em}.friendRequestButton svg[data-v-90e22c60]{transform:rotate(270deg)}.accountCode[data-v-90e22c60]{margin:.5em 0 .5em 0;background-color:#e6e6e6;padding:.75em 1em;border-radius:.25em;font-size:2em;line-height:1;font-family:Oceanwide,Helvetica,Arial,sans-serif}.accountCode[data-v-90e22c60]:before{content:"";display:block;margin-top:4px}.friendRequestSuccess[data-v-90e22c60]{color:#008a00;font-weight:700;max-width:none;margin-top:.75em;display:flex;justify-content:center;align-items:center;gap:.5em}.friendRequestSuccess span[data-v-90e22c60]{background-color:#008a00;width:1.5em;height:1.5em;border-radius:100%;display:flex;justify-content:center;align-items:center}.friendRequestSuccess svg[data-v-90e22c60]{width:.75em;height:.75em}.copyAccountCodeContainer[data-v-90e22c60]{position:absolute;right:-3em;top:0;height:100%;display:flex;align-items:center}.copyAccountCode[data-v-90e22c60]{border:none;background:none;cursor:pointer;padding:.5em;border-radius:.5em;height:3em;width:3em}.copyAccountCode svg[data-v-90e22c60]{height:2em;width:2em}.copyAccountCode[data-v-90e22c60]:hover{background:#e6e6e6}.accountCodeContainer[data-v-90e22c60]{position:relative}.viewFriend button[data-v-90e22c60]{margin-top:1em}.error input[data-v-90e22c60]{border:1px solid red;background-color:#ffe5e5;color:red}.error input[data-v-90e22c60]::-moz-placeholder{color:red}.error input[data-v-90e22c60]::placeholder{color:red}.error span[data-v-90e22c60]{color:red}p.error[data-v-90e22c60]{color:red;font-weight:700;display:flex;align-items:center;gap:.5em;margin-top:.75em;max-width:none}p.error>span[data-v-90e22c60]{background-color:red;height:1.5em;width:1.5em;border-radius:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0}p.error>span>[data-v-90e22c60]{height:1em}h1[data-v-90e22c60]{font-family:Oceanwide,Helvetica,Arial,sans-serif;font-size:1.5em}.divider[data-v-90e22c60]{width:90%;margin:2em 0!important;height:1px;background-color:#e6e6e6;margin:.25em 0}h1[data-v-48f0114e]{font-family:Oceanwide,Helvetica,Arial,sans-serif;font-size:1.5em;margin-bottom:.5em}.settings-container[data-v-48f0114e]{align-self:stretch;height:100%;flex-grow:2;padding:1em}.flex-container[data-v-48f0114e]{width:100%;height:100%;display:flex}h1[data-v-703c583b]{font-family:Oceanwide,Helvetica,Arial,sans-serif;font-size:1.5em}.settings-container[data-v-703c583b]{height:100%;width:100%;display:flex;flex-direction:column}.flex-container[data-v-703c583b]{width:100%;height:100%;display:flex}.topBar[data-v-703c583b]{display:flex;align-items:baseline;width:100%;border-bottom:1px solid #e6e6e6;padding:.5em 1em;gap:.5em}.monogram[data-v-703c583b]{background-color:#868686;height:2em;width:2em;border-radius:100%;color:#fff;font-weight:700;line-height:2em;flex-shrink:0;text-align:center;font-size:1.25em}.messages[data-v-703c583b]{flex:1;display:flex;padding:1.5em 1em;overflow-x:hidden;overflow-y:auto;flex-direction:column-reverse;gap:.25em;mask-image:linear-gradient(180deg,#000 98%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 98%,transparent)}.message[data-v-703c583b]{padding:.5em 1em;line-height:1lh;border-radius:1.25em;max-width:40em;word-break:break-word}.received[data-v-703c583b]{align-self:flex-start;background-color:#000;color:#fff}.received+.sent[data-v-703c583b],.sent+.received[data-v-703c583b]{margin-bottom:1em}.sent[data-v-703c583b]{align-self:flex-end;background-color:#e6e6e6}.info[data-v-703c583b],.loadingMessages[data-v-703c583b]{display:flex;flex-direction:column;align-items:center;gap:.5em;padding:1.5em}.loadingMessages[data-v-703c583b]{margin:auto}.info>p[data-v-703c583b],.loadingMessages>p[data-v-703c583b]{color:#afafaf}textarea[data-v-703c583b]{font-size:1em;margin:0 1em 1em 1em;resize:none;outline:none;border:1px solid #e6e6e6;color:#000;border-radius:1.25em;padding:.5em 1em;overflow-y:scroll;line-height:1lh;max-height:6lh;scroll-padding:.5em}textarea[data-v-703c583b]::-moz-placeholder{color:#8b8b8b}textarea[data-v-703c583b]::placeholder{color:#8b8b8b}.characterCount[data-v-703c583b]{position:absolute;bottom:.1em;right:1.35em;font-size:.75em;color:#8b8b8b}#app,body,html{width:100%;height:100%;background-color:#fff}#app{display:flex;flex-direction:column;justify-content:center;align-items:center}*{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;margin:0;padding:0;box-sizing:border-box;color:#000;-webkit-font-smoothing:antialiased}.notificationManager{position:fixed;top:1em;right:1em;display:flex;flex-direction:column;gap:1em;border-radius:.5em}.notification{padding:.75em 1em;border-radius:.5em;width:17.5em;background-color:#fff;z-index:10;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default;position:relative;box-shadow:0 0 1em .25em rgba(0,0,0,.25)}.notificationButton{display:none;position:absolute;top:0;bottom:0;right:0;padding:0 .5em;background-color:#fff;border:none;border-radius:0 .5em .5em 0;font-size:1em;border-left:1px solid #e6e6e6;color:#000;font-weight:700;cursor:pointer}.notification:hover>.notificationButton{display:block;animation:fade .25s ease}.notificationTitle{text-transform:uppercase;color:#afafaf;font-size:.85em}.notificationSubtitle{font-weight:700;margin-top:.2em;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}.notificationText{margin-top:.1em;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.notif-enter-active{animation:notif-arrive .5s ease}.notif-leave-active{animation:notif-leave .25s ease;position:absolute}.notif-move{transition:all .25s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes notif-arrive{0%{transform:translateX(18.5em)}to{transform:translateX(0)}}@keyframes notif-leave{0%{opacity:1}to{opacity:0}}.updateScreen{position:fixed;width:100%;height:100%;z-index:1000000;background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5em}.updateScreen>h1{font-family:Oceanwide,Helvetica,Arial,sans-serif}.updateScreen>p{color:#afafaf;width:15em;text-align:center;margin-bottom:1em}