._header_6xruq_1{padding:var(--default-padding);display:flex;align-items:end;justify-content:center;gap:var(--default-gap);flex-wrap:wrap}._header_6xruq_1 nav{margin-left:auto}._header_6xruq_1 ul{display:flex;flex-wrap:wrap;align-items:center;gap:20px}._header_6xruq_1 img{width:30px;height:30px}._header_6xruq_1 a:hover,._active_6xruq_27{border-bottom:2px solid black}._main_6xruq_31{flex:1;padding:var(--default-padding);transition:opacity .3s ease-in-out}._mainDefault_6xruq_37{margin-top:75px;text-align:center}._loading_6xruq_42{opacity:.5;pointer-events:none}._footer_6xruq_47{padding:var(--default-padding);text-align:center}@media (max-width: 425px){._header_6xruq_1 nav{margin-left:0}}._loader_h2i0m_1,._loader_h2i0m_1:before,._loader_h2i0m_1:after{border-radius:50%;width:2.5em;height:2.5em;animation-fill-mode:both;animation:_bblFadInOut_h2i0m_1 1.8s infinite ease-in-out}._loader_h2i0m_1{color:#000;font-size:7px;text-indent:-9999em;animation-delay:-.16s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._loader_h2i0m_1:before,._loader_h2i0m_1:after{content:"";position:absolute;top:0}._loader_h2i0m_1:before{left:-3.5em;animation-delay:-.32s}._loader_h2i0m_1:after{left:3.5em}@keyframes _bblFadInOut_h2i0m_1{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em}}._errorPage_9tx1b_1{margin-top:50px;text-align:center}._signUpForm_5jvs8_1{flex-direction:column}._signUpForm_5jvs8_1 button{font-size:inherit;font-family:inherit;background-color:#f3f4f6;padding:3px 5px;border:1px solid #6b7280;border-radius:3px}._signUpForm_5jvs8_1 button:hover{background-color:#e5e7eb}._signUpForm_5jvs8_1 button:focus{background-color:#f3f4f6}._loginForm_1bdcr_1{flex-direction:column}._loginForm_1bdcr_1 button{font-size:inherit;font-family:inherit;background-color:#f3f4f6;padding:3px 5px;border:1px solid #6b7280;border-radius:3px}._loginForm_1bdcr_1 button:hover{background-color:#e5e7eb}._loginForm_1bdcr_1 button:focus{background-color:#f3f4f6}._friendListPage_1cw1v_1 ul{display:flex;flex-direction:column;gap:var(--default-gap)}._friendListPage_1cw1v_1 ul li{display:flex;flex-direction:column}._chatPage_1fd1f_1 div{display:flex;align-items:center;gap:var(--default-gap)}._chatPage_1fd1f_1 div h2{margin-right:auto}._chatPage_1fd1f_1 ul{height:375px;display:flex;flex-direction:column-reverse;align-items:center;gap:var(--default-gap);background-color:#fff;padding:var(--default-padding);border:1px solid #7dd3fc;border-radius:3px;overflow:auto;scrollbar-width:thin;word-break:break-all}._chatPage_1fd1f_1 ul:has(p){justify-content:center}._sendMessageForm_1fd1f_30 textarea{flex:1;resize:none}._deleteFriendForm_1fd1f_35 button,._sendMessageForm_1fd1f_30 button{background:none;border:none}._deleteFriendForm_1fd1f_35 button img{width:28px;height:28px;padding:0}._deleteFriendForm_1fd1f_35 button img:hover{filter:invert(27%) sepia(76%) saturate(1954%) hue-rotate(341deg) brightness(88%) contrast(103%)}._sendMessageForm_1fd1f_30 button img{width:30px;height:30px}._sendMessageForm_1fd1f_30 button img:hover{filter:invert(27%) sepia(83%) saturate(5668%) hue-rotate(225deg) brightness(88%) contrast(92%)}._userMsg_1fd1f_62,._friendMsg_1fd1f_63{max-width:fit-content;display:flex;flex-direction:column;gap:5px;padding:var(--default-padding);border-radius:3px}._userMsg_1fd1f_62{background-color:#bbf7d0;margin-left:auto}._friendMsg_1fd1f_63{background-color:#fecaca;margin-right:auto}._userMsg_1fd1f_62 span,._friendMsg_1fd1f_63 span{font-size:.8rem}._userMsg_1fd1f_62 span{margin-left:auto}._browsePeoplePage_d7yn5_1 ul{display:flex;flex-direction:column;gap:var(--default-gap)}._browsePeoplePage_d7yn5_1 ul li{display:grid;grid-template-columns:1fr,min-content;grid-template-rows:1fr,1fr}._browsePeoplePage_d7yn5_1 ul form{flex-direction:column;align-items:end;justify-content:center;grid-column:2/2;grid-row:1/3}._browsePeoplePage_d7yn5_1 ul form button{width:26px;height:26px;background:none;border:none}._browsePeoplePage_d7yn5_1 ul form button img:hover{filter:invert(27%) sepia(83%) saturate(5668%) hue-rotate(225deg) brightness(88%) contrast(92%)}._editProfilePage_3mxhh_1>div{display:flex;align-items:center;gap:var(--default-gap)}._editProfilePage_3mxhh_1 form button{font-size:inherit;font-family:inherit;background-color:#f3f4f6;padding:3px 5px;border:1px solid #6b7280;border-radius:3px}._editProfilePage_3mxhh_1 form{flex-direction:column}._editProfilePage_3mxhh_1 form button:hover{background-color:#e5e7eb}._editProfilePage_3mxhh_1 form button:focus{background-color:#f3f4f6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--default-gap: 15px;--default-padding: 15px}body{color:#0f172a;background-color:#dbeafe;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.1rem}#root{max-width:600px;min-height:100vh;margin:0 auto;display:flex;flex-direction:column}.fallback{margin-top:20px;text-align:center}ul{list-style:none}.defaultSection{display:flex;flex-direction:column;gap:var(--default-gap)}.defaultForm{display:flex;gap:var(--default-gap)}.defaultForm div{display:flex;flex-direction:column;gap:5px}.defaultForm input,.defaultForm textarea{font-size:inherit;font-family:inherit;background-color:#fff;padding:3px 5px;border:1px solid #4b5563;border-radius:3px}.defaultForm input:hover,.defaultForm textarea:hover{border:1px solid black}.defaultForm input:focus,.defaultForm textarea:focus{outline:2px solid black;outline-offset:-2px}.defaultForm span{color:red}.goBackBtn{width:16px;height:16px}.goBackBtn:hover{filter:invert(27%) sepia(83%) saturate(5668%) hue-rotate(225deg) brightness(88%) contrast(92%)}