.tab_bar ul{display:flex;flex:1 1}.tab_bar ul li{flex:1 1;text-align:center;transition:-webkit-transform .5s linear;transition:transform .5s linear;transition:transform .5s linear,-webkit-transform .5s linear}.tab_bar ul li a i{color:#c0c1c2;display:block;font-size:22px}.tab_bar ul li a i.on{color:var(--primary)}.tab_bar ul li:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}body #header{background:var(--primary);box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:64px;left:0;padding:0 15px;position:fixed;top:0;width:100%;z-index:11}body #header .status_bar{align-items:center;display:flex;height:37.5%;justify-content:space-between}body #header .status_bar div{align-items:center;display:flex;flex:1 1}body #header .status_bar div>*{padding:3px}body #header .status_bar div:first-child{justify-content:start}body #header .status_bar div:nth-child(2){justify-content:center}body #header .status_bar div:nth-child(3){justify-content:end}body #header .title_bar{align-items:center;display:flex;height:62.5%;justify-content:space-between}body #header .title_bar *{flex:1 1;font-size:16px}body #header .title_bar h1{order:2;text-align:center}body #header .title_bar h1 span{color:#f8ea65}body #header .title_bar .left_item{order:1;text-align:left}body #header .title_bar .left_item a{color:#fff;opacity:.5}body #header .title_bar .right_item{order:3;text-align:right}body #header .title_bar .right_item a{color:#fff}body #header .title_bar .hide{display:none}body #header.off{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:transparent}body #header.black,body #header.black .title_bar .left_item a{color:#000}main{background:var(--deactive)}main section.section__user{background:#fff;border-radius:0 0 8px 8px;box-shadow:0 -1px 4px hsla(0,0%,4%,.3);box-sizing:border-box}main section.section__user ul li a .profile_img{height:60px;width:60px}main section.section__user ul li a .profile_name{font-size:20px}main section.section__user ul li a .profile_message{background:var(--color1)}main section.section__friends{height:100%;padding-bottom:60px}main section.section__friends ul{display:flex;flex-direction:column}main section header{background:#fff;border:1px solid #ebebeb;border-left:none;border-right:none;box-sizing:border-box;color:#b6b5b1;height:32px;line-height:32px;padding-left:15px;text-align:left}main section ul{overflow:hidden}main section ul.friend_list{padding-top:5px}main section ul.friend_list li{background:#fff;border-radius:4px;margin:0 0 1px;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}main section ul.friend_list li:hover{-webkit-transform:scale(1.01);transform:scale(1.01)}main section ul li a{align-items:center;display:flex;font-size:16px}main section ul li a .profile_name{color:#333;flex:auto}main section ul li a .profile_message{background:#f0f0f0;border-radius:5px;color:#333;font-size:10px;height:30px;line-height:30px;margin-right:15px;overflow:hidden;padding:0 10px}.search_box{align-items:center;background:#fff;display:flex;height:0;justify-content:center;overflow:hidden;-webkit-transform:translateY(-20%);transform:translateY(-20%);transition:all .2s ease-in;visibility:hidden;width:100%}.search_box.on{height:7.3%;min-height:53px;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}.search_box .search_inner{align-items:center;background:#f1f2f4;border-radius:8px;display:flex;height:50%;justify-content:space-between;position:relative;width:88%}.search_box .search_inner svg{align-self:center;color:#bebcc1;font-size:16px;height:16px;margin-left:15px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.search_box .search_inner input{background:transparent;border:none;border-radius:4px;flex:1 1;height:100%;min-height:32px;padding:0 40px}.search_box .search_inner input::-webkit-input-placeholder{text-align:center}.search_box .search_inner input::placeholder{text-align:center}.search_box .search_inner input:focus{border:2px solid var(--primary);outline:none}body,html{height:100%;width:100%}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,il,img,ins,kbd,label,legend,li,mark,menu,nav,object,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,th,thead,time,tr,ul,var,video{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,menu,nav,section,video{display:block}table{border-collapse:"collapse"}fieldset,img{border:0}address,caption,cite,code,em,strong,th{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:center}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:""}abbr,acronym{border:0}img{vertical-align:middle}hr{display:none}#skipNavi,.blind{font-size:0;height:0;left:0;line-height:0;overflow:hidden;position:absolute;text-indent:-9999px;top:0;visibility:hidden;width:0}.tab_bar{align-items:center;background:#fff;bottom:0;box-shadow:0 -2px 5px rgba(221,224,241,.3);box-sizing:border-box;display:flex;height:6.4%;left:0;min-height:54px;position:fixed;width:100%;ul{display:flex;flex:1 1;li{flex:1 1;text-align:center;transition:-webkit-transform .5s linear;transition:transform .5s linear;transition:transform .5s linear,-webkit-transform .5s linear;a{i{color:#c0c1c2;display:block;font-size:22px}i.on{color:var(--primary)}}}li:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}}}body{#header{background:var(--primary);box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:64px;left:0;padding:0 15px;position:fixed;top:0;width:100%;z-index:11;.status_bar{align-items:center;display:flex;height:37.5%;justify-content:space-between;div{align-items:center;display:flex;flex:1 1;>*{padding:3px}}div:first-child{justify-content:start}div:nth-child(2){justify-content:center}div:nth-child(3){justify-content:end}}.title_bar{align-items:center;display:flex;height:62.5%;justify-content:space-between;*{flex:1 1;font-size:16px}h1{order:2;text-align:center;span{color:#f8ea65}}.left_item{order:1;text-align:left;a{color:#fff;opacity:.5}}.right_item{order:3;text-align:right;a{color:#fff}}.hide{display:none}}}#header.off{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:transparent}#header.black{color:#000;.title_bar .left_item a{color:#000}}}body{font-size:12px;min-width:390px}#root{min-height:100%;width:100%}main{box-sizing:border-box;height:100%;padding-top:64px}a:active,a:focus,a:hover,a:link,a:visited{color:#000;text-decoration:none}img{left:50%;max-width:100%;position:relative;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.empty{background:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAJsAmwDASIAAhEBAxEB/8QAHAABAQACAwEBAAAAAAAAAAAAAAEGBwIEBQMI/8QAQxABAAIBAwEEBQkFBQcFAAAAAAECAwQFEQYSITFBEyJRYXEUMkJSgZGhwdEHIzNisRVTcuHwFiRDVGNzkyU1krLx/8QAGgEBAAMBAQEAAAAAAAAAAAAAAAMEBQECBv/EACQRAQACAgIDAAIDAQEAAAAAAAABAgMRBDESIUEUMiJRYUIT/9oADAMBAAIRAxEAPwD9BgPuHwgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAonICjj3neDkOPK/aCid4CiJxIOQgCgAAAAAAAAAAAAAAACEAohyCiKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAHPsRAXhPJeJUE8kcuFBx8llQEiovIAAAAAAAAAAAAAAAAAAAAAADj4SKgLEjivaByEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAE+wEmV8UkA7zheAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAABBU4BO5f6JwcgquPv8VBQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQBFk94J4Kd4AoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgqAi+Jwnh8AVXH3w5AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgB4Cd4HjJwfBQFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABFATvcXI8wSFhJlQUAAAAAAAAAAAAAAAAAAAAAAAAAAAAABBPtA5U4UEBQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEVAThYHEHKquPm5AAAAAAAAAAAAAAAAAAAAAAAAAAAJIAnsCeABSAFAAAAAAAAAAD3PT0fTe467icemtWs/SyerH4uTMV7eorNunmDLdL+z3UX4nPqseP3UrNv68PRw/s+0Vf4mfNefdMR+SGc+OPqaMGSfjARsevQ2118aZLfG8rbofa7eGO9fheXj8ij1+PdrcbBy9Abfb5mTNSf8UT+Toaj9ndvHBq4n3ZK8fjH6PUZ6T9eZwZI+MNHtazo/c9HzPoYzV9uKefw8fwePkx3w3mmSlqWjxraOJTVtFupQzWa9w4gPTyAAAAAAAAAAAAAAAAAAIoCcE/gEgR3geIKAAAAAAAAAAAAAAAAAAAAAAAACeIIvghx3Ae9Y7jyAUAAAAAAAAHr7H0zqd6t2oj0Wnie/LaP6e1ybRWNy9VrNp1DysWK+fJFMdLZL27orWOZllG1dB59R2cmtv8AJ6f3de+36Qy3adi0mz4+MGP1/pZLd9p+16LPvyJn1Rfx8eI93edt+waHa4j0GCsX+vbvt970QVJmZ7W4iK9ADj0AAAAOrrNt024U7OowUyx/NHfHwl2giddOT77YbunQFbc30OXsz/d5PD7JYjrdv1G3Zpx6jFbFb+aO6fhPm3A6+s0ODcMM4tRirlpPlaFunItX1b2q349bfr6afGT7/wBF5dDFs2j7WfBHfNPG1f1hjC/W0XjdWfak0nUgD28AAAAAAAAAAAAAAAACcKA49y9yTBHiDkAAAAAAAAAAAAAAAAAAAAAACAB5JHtAkjklyBFAAAAAAAAGV9I9L/LLV1urp+5jvx47R8/3z7v6vF7xSNykpSbzqHHpnpCdd2NVrImun8a4/Cb++fczzHjphx1pSsUrWOIrWOIhyiOI4juhWTkyTknctWmOMcagARpQAAAAAAAAAAABivUvR9NbFtTo6xTUeNscd0X/AEllQ91vNJ3DxakXjUtMZMdsV5pes1tWeJiY4mEbD6r6YjcsdtTpqxGqrHfWPpx+rXtqzW0xMcTHjDVx5IyRuGTkxzjnUoAlRAAAAAAAAAAAAAAAAIeaoCgAAAAAAAAAAAAAAAAAAAAAOMr/AESfADyPE8j4AvAoAAAAAAAD7aPS5NdqseDHXtXvPEHTvb1ultgneNZ2skcabHPN59s+xsqlK461rWOzWscREeTq7Vt2Pa9Dj0+PwrHfPtnzl3GRlyf+lv8AGvixxjr/AKAIUwAAAAAAAAAAAAAAAAwrrTp3jnX6evd/xax/9mauOTHXLjtS8Rato4mJ84SY7zSdwjyUjJXUtMj1epNnnZ9wvjiJ9Fb1sc+55TXraLRuGPas1nUgD08gAAAAAAAAAAAAACKAAAAAAAAAAAAAAAAAAAAAJKpyCeSL5oDlEJ9I73IAAAAAAAABmvQW0cVya/JHfPqY/wA5/L72H6XT21eox4aRza9orH2tt6HSU0Ojw6enzcdYr8feqci/jXxj6t8enlbyn47ADNaYAAAAAAAAAAAAAAAAAAADxOrNpjc9rvNY5zYvXr7/AGw1lMdmZhuhq3qjbf7N3bLSscY7z26fCV/jX/5lQ5NP+oeSAvKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACSlfxPaeQHxOyKAoAAAAAAAADrJOhtD8o3T01o5rhrNvtnuj/AF7mxGM9B6X0O15MsxxOS/4RH+csmZOa3leWrhr40gAQLAAAAAAAAAAAAAAAAAAAAAxTr7b/AE2kw6msetjns2+E/wCvxZW6O+af5VtOqx8cz2JmPjHf+STHbxtEo8lfKsw1KLeOzaYRssYAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABFceQPnHeALCgAAAAAAAAAV8YFr86B1tXp3B8n2XS1449Ttff3/AJvSfDRU9Ho8FI+jjrH4Puw7TuZlt1jURAA49AAAAAAAAAAAAAAAAAAAACWjtVmJ8JUHGodzw/J9blx/VtMfi6r1uqMfo961MfzzP3vJbVJ3WJYt41aYAHt4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAARPBfe4gsrB5FQUAAAAAAAAAByx/xK/Fxcsf8SvxcdjtuTH/Dr8HJ89PbtafFb21ifwfRiT23I6AHHQAAAAAAAAAAAAAAAAAAAAAGsusP/fNR8fyeI9rq63a3rUT/ADPFbOP9IYuT9pAEiMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAARUAlCxAKCgAAAAAAAAAALT50IA25tOT022aW0f3dY/B3HidI6mNRs+OvPM45mv5/m9tiWjVpht0ndYkAeXsAAAAAAAAAAAAAAAAAAAAB8dZm+T6TNk8OzSZ/Acav6gy+m3TPePO8z+LzX21mT0motL4tuvqIhi2nczIA9PAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA48LJIJ5ELweYKAAAAAAAAAAAAADNOgdZxbLp5n50dqPsZo1T0/rp0G5YcvPdW3f8PNtWtovWLRPMTHMSy+RXV9/21OPbddKArLQAAAAAAAAAAAAAAAAAAAA8TqzWRptptTni2SePsjvn8ntsC653D02srhrPq444+3zTYq+VoQ5reNJlitp5tMoDXY4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACJ9JUBVce/wAFBQAAAAAAAAAAAAAWtpraJhsnpDdI1221x2n95h9Wfh5NavW6b3adq3Cl5n93Pq2j3IM1POqxhyeFm0hxx5K5cdb0ntVtHMT7nJktYAAAAAAAAAAAAAAAAAAAB1dy1ldv0eXPafmx3e+fJqjWai2p1F72nmZmZZR1tvUZcvyXFbmuPx99mINLj08a7lmcjJ5W8Y+AC2qAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJPgk+xbJIEeLkigAAAAAAAAAAAAAAETxPMADOui9+jJWNDmt3/wDDmf6Muaaw5r4Mlb0tNZjvjhsjpnqKm76eMeS0RqqR3x9aPazs+LU+UNLBl3HjL3QFNcAAAAAAAAAAAAAAAAHkdR71XadHMVt+/vHFfd73b3TcsW16W2bLPurXzmWsN23TLumqvlyW5mfw9yxhx+c7npWzZfCNR26ubNbNkm1p55cAarLABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABxsvl4lk4BfeqKAAAAAAAAAAAAAAAAA+2l1WTR56ZcV5pes8xMPiHfp1szp3qXDvGOMd5jHqojvr9b3w9xprDmvgyRfHaa2rPMTHkzfp/rSmaK4NfMVyeEZvKfj7GdlweP8qtHFni38bMuEraLViazzE+EwqmtgA6AAAAAAAAAAOlum7YNp085c1u/6NPOzo751RptpralJjLqPqx4V+LXu5bpn3PPbLmvNpn8Pcs48M39z0rZM0U9R27G9b3m3bUTe88V8K1jwiHmA04iKxqGZMzadyAOvIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACciT4rz4AKAAAAAAAAAAAAAAAAAAAAAPY2fqfV7RMVrb0uHzx38Ps9jNtr6r0O5xWvpPQZp+hknj7p82sRBfDW6xTNajc6tV7f1LuG28RizzOOPoX9aGR6L9oNJ4jVaeYn62Kefwn9VK3HvXr2uV5FLd+mYjx9L1Ztmq8NTFJ9mSJq9HFrdPn/AIefHf8Aw2iUE1tHcLEWrPUvuJyPLqj55NRixd98laR/NMQ6Wo6h27Tc9vVY5n2Vntf0disz1Dk2iO5eiMW1nX2jxcxgxXyz7berDH9w6y1+s5rS8YKezHHE/f4p64L2Q2z0r9Z3uG9aPa6z6fNWLeVI77T9jDd562z6ztY9NE4MXhzE+tP2sZyZb5bTN7Tafe4rdOPWvufanfkWt6hbXteebTzKAtKoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADjZyTjvAUAAAAAAAAAAAAAAAAAAAAAAAAABe3b2oA+ldTlp83JaPhMrOqzW7py3mP8AFL5Dmod3Ll6S0/SlO1M+aBoAHXAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAE81RQAAAAAAAAAAAAAAAAAAAAAfbT6PPq7dnBhyZbeylZlzrt3t8RkGj6H3PVcTelNPX/qW7/ujl7Ol/Z3hrxOo1d7z9XHWK/jPKK2alfqauG9vjBhs3T9HbVp+P929LPtyWmfw8Ho4dr0en49FpcOP31xxEoZ5NfkJY41vstSY8GTLx2Mdr/wCGsy7FNn1+SeK6PUTP/bn9G3OI9io/yp+Qk/Fj7LU3+z+5/wDIaj/xyf7P7n/yGo/8ctsjn5Vv6d/Fr/bUttj3GsczodRx/wBuXXyaLUYfn6fLTz9akw3CcR7Hfyp+w5+LHyWmBuLNo8Go/i4ceT/HWJ/q6Go6X2vUc9rR46z/ACc1/o9xyq/YeJ4tvktWDYGp/Z/ocvfhy5cE/GLR/r7Xj6zoDW4eZwZseePZPqz+n4poz0n6itgvX4xcd3WbLrtBz6fS5KR9bjmv3x3OkmiYnpBMTHYA64AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACKAAAAAAAAAAAAAAAAAPtp9Hm1eSMeHHbJefCKxyyraugb34ya7J6Ov91SeZ+2fJHbJWncpK47X6hiWHDkz3imOlr2nwrWOZlkG29Da7V8WzzXS4/5u+33fqzrQ7Xpdtx9nTYK4/Kbcd8/GXbUrcmZ/Vdrxoj9ng6HovbdHxa+O2pv7cs8x93g9vHhphpFMdK0rHhWscQ5ira1rdytVrWvUADy9gAAAAAAAAAAAJ4+Pe83XdN7duHM5dNWLz9PH6s/h+b0x2LTXp5msW7YRuH7Pb15totRF4/u8vdP3wxjXbXqttv2dTgtinymY7p+EtvOGXFTNSaZKVyUt41tHMStV5Fq/t7Vrces/r6aaGwd06F0mq7V9LM6bJ9Xxp/kw7dNh1m02/f4p7Hlkr31n7VymWt+pUr4rU7eeAmQgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIqKAAAAAAAAAAAAAD0Np2XUbtmimKk8ecz3RHxcmYrG5diJtOodHHjtktxWOZZPsvRObWdnLq5nBi8ePpT9nkyfZumdLtNa3msZc/wBeY7o+EPYUMnInqq/j48R7u6ug2zTbZj7GnxRSPOfOfjLtApzMz7ldiIj1AA46AAAAAAAAAAAAAAAAAAAAOOTHXJWa3rFqz3TExzEuQDFd66Hw6rtZdFMYMv8Adz82f0YTrdBn2/NOLUY7Y7x7Y8fh7W4HV3DbdPueGcWoxxevlPnHviVrHyJr6t7hUyYK2919S1CMg3/pHPtXazYec+m+tEd9fjDH2jW0WjcM+1ZrOpAHp4AAAAAAAAAAAAAAAAAAAAAAAAAAAARQAAAAAAAAAAAWtZtPERyuPHOS0VrHMsz6Z6Si1a6nV19TxrT63x9yO+SKRuUlKTedQ87p/pPLuNoy5onHgifnec/Bnuj0eHQ4YxYKRSkezxn3y+1axSsVrERWI4iIVl5Mk5J9tTHjjHHoARJgAAAAAAAAAAAAAAAAAAAAAAAAAAAEmItExMcwxPqLoumoi2o0Nexk8Zw+U/D9GWj3W80ncI7Ui8alpnJivhyTS9ZraJ4mJ8XFszqHpjDvGOcmPjFqojut5W90/q11rNHm0OothzUml6zxMS1MeWMkf6zMmKcc/wCPgAmQAAAAAAAAAAAAAAAAAAAAAAAAAAAAIqKAAAAAAA5Y8dsloiscylaze0RHizfpTpmIrXVaivNfGtZ8/fPuRZMkUjcpMdJyTqHLpfpeuOtdTqa++tJ8/fLLgZVrTedy1qUikagAeEgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA8rfthw71p+JiKZ6x6mT8p9z1R2LTWdw8zWLRqWn9doc236i+HNSaXrPDrto9Q7Bj3rTTxxXUVj1L+33S1nqtNk0ma+LJWaXrPExLVxZIyR/rKy45xz/j5AJ0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAoPW6f2W+7autYjikd9rceEPNrRWNy9VrNp1D1ekenfleSNRnr+5rP/yn2M8iIrEREcRD56fT00uGmLHXs0rHEQ+rIyXnJbbXx0ildACNKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMe6q6djdNPOfDX/AHqkeEfTj2fFkI9VtNZ3DxasWjUtMWrNLTWY4mEZl1r0/wBi06/T19W0/vKx5T7WGtel4vG4ZF6TSdSAJEYAAAAAAAAAAAAAAAAAAAAAAAAAAAAgoPrptPbU5q46xzNp47m0dh2mu06GuPiPS277z7/Yx3ofZfHW5a8xWeMfPt9rNGbyMnlPjDS4+PxjykAVFwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwy4q5sdsd69qlo4mJ84au6i2e+z7hbH3zit62O3thtR5XUmz13nb7UiP31PWxz7/Z9qfDk8Le+lfNj86/61YOWTHbHaa2iYmJ4mJcWsygAcBFBFAAAAAAAAAAAAAAAAAAAAAAAEd3advvuWsx4aeNrcf5ulDPuhdp9Bpray8evk9Wnw85/17EOW/hXabFTztpk2l09NHp8eHHHFKRxD6gyGuADoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAOudn+S6yusx14x5p9b3W/wA/1Ys23vG3V3Xbs2nt42jms+y0eEtUZMdsOW9LxNb1mazE+5qYL+VdT8ZfIp423H18wkWVVFRQAAAAAAAAAAAAAAAAAAAAAAAAdjbdJbXa7DgrHNsluG29PgrpdPjw0jilKxWPsYX0BtvpNRl1lo9XHHYr8Z8fw/qzlm8i27eP9NPj11Xy/sAVFsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAa+662v5LuFdVSOKZ47/wDFHj9/6tgvK6m23+1NnzY4jnJWPSU+Mf5cx9qbDfwvtDmr5001YKjXY4AAAAAAAAAAAAAAAAAAAAAAAARHamIHo9PaH+0N20+KY5r2ubfCO+XLT4xuXqseU6bF6e2+Nt2fT4eOLdnt2+M9/wDr4PSBiTO522qxqNADj0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA1X1Jt/8AZu86jFEcUtPbp8J7/wDL7HmWZr+0HQ9qmm1cR3xPo7T+MfmwqWxit5UiWNlr43mEASogAAAAAAAAAAAAAAAAAAAAABmP7PdH2suo1Mx82OxX7f8A8/FhzZfRul+T7HjnjvyWm0/0/JW5FtU1/azx67u90BltUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB5nUmj+W7Lqqcc2rXtx8Y72q+O/hua1YvWazHMTHEtQ7hp50utz4Z+hea/dK/wAW3qas/lV9xZ1gkXlEAAAAAAAAAAAAAAAAAAAAAByx17V4htzbMHybb9Ni+rjrE/HhqzatP8o12DHxz2rxX75bd+Chyp6hf4sdyAKK+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANZ9YYPQ79n9luL/AHw2YwP9oGHs7hp8n1sfH2xM/qtcef5qvIj+G2JyKjTZYAAAAAAAAAAAAAAAAAAAAAD3eldLOTdtJPHhftfdHP5NlsL6Rw1+V4rcd8VmfwZoy+RO7NTjxqoArLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAxD9oWHtabR5Pq2tX74j9GXsa69r/6Pjn/AKsf0lNhnWSEOb3SWvUVGuxwAAAAAAAAAH//2Q==) no-repeat 0 0;background-size:cover;border-radius:50%;display:block;height:40px;margin:10px 15px;width:40px}:root{--primary:#4a00d3;--secondary:#ffbe1a;--color1:#e8eaf6;--active:#ad01fc;--triadic1:#7410aa;--triadic2:#fc2f01;--right:#f0f0f0;--deactive:#f2f5f8;--confirm:#00c853;--cancel:#dd2c00}.login{box-sizing:border-box;height:100vh;overflow:hidden;padding-top:160px;position:relative;text-align:center;transition:all .5s ease-in;width:100%}.login:before{background:var(--color1);content:"";display:block;height:80%;left:0;position:absolute;top:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all .4s ease-in;width:100%}.login.login__active:before{background:var(--primary);bottom:auto;-webkit-transform:translateY(0);transform:translateY(0)}.login.login__active .input .input_wrap li input:focus{border-color:var(--secondary)}.login.login__active .input .bottom span{color:#fff}.login .title{background:var(--primary);border-radius:50%;color:#fff;font-size:34px;line-height:80px;margin:0 auto 80px;position:relative;width:110px}.login .title:after{border-bottom-left-radius:50px 10px;border-right:22px solid transparent;border-top:26px solid var(--primary);bottom:-18px;content:"";display:block;left:20%;position:absolute;-webkit-transform:rotate(15deg);transform:rotate(15deg)}.login .input{align-items:center;display:flex;flex-direction:column;position:relative}.login .input .input_wrap{border-radius:8px 8px 2px 2px;box-shadow:0 0 3px 0 rgba(37,0,105,.1);outline:none;overflow:hidden}.login .input .input_wrap input[type=email],.login .input .input_wrap input[type=password]{border:none;height:40px;line-height:3;outline:none}.login .input .input_wrap input[type=email]:focus,.login .input .input_wrap input[type=password]:focus{border:2px solid var(--primary);box-sizing:border-box}.login .input .input_wrap input[type=email]{border-bottom:1px solid #eee;border-radius:8px 8px 0 0}.login .input .input_wrap input::-webkit-input-placeholder{color:#ccc}.login .input .input_wrap input::placeholder{color:#ccc}.login .input input{box-sizing:border-box;outline:none;padding:0 10px;width:240px}.login .input input[type=submit]{background:var(--deactive);border:none;border-radius:2px 2px 8px 8px;box-shadow:0 0 4px 2px rgba(37,0,105,.06);color:#ccc;cursor:pointer;line-height:3;transition:background .3s linear}.login .input input[type=submit].active{background:var(--active);border-color:var(--right);color:var(--right)}.login .input .error_message{color:var(--triadic2);line-height:3;margin:3px 0}.login .input .sns_login{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;margin:20px 0;width:240px}.login .input .sns_login li{padding-bottom:8px}.login .input .sns_login li button{align-items:center;background:var(--right);border:none;border-radius:8px;box-shadow:0 0 4px 0 rgba(9,0,27,.078);cursor:pointer;display:flex;height:46px;justify-content:space-around;padding:8px;position:relative;transition:background .3s linear;width:100%}.login .input .sns_login li button:hover{background:var(--triadic1);color:#fff}.login .input .sns_login li button svg{font-size:24px;height:24px;margin-right:8px;width:24px}.login .input .sns_login li button span{flex:1 1;text-align:left}.login .input .bottom span{color:var(--triadic1);cursor:pointer;text-align:justify;text-decoration:underline}body .tab_bar>ul>li:nth-child(4)>a{color:#513736}body main.more{background:#fff}body main.more .user_info{align-items:center;border-bottom:1px solid #ebebeb;display:flex;height:72px;padding:10px 0}body main.more .user_info .profile_img{height:50px;width:50px}body main.more .user_info .profile_info{display:flex;flex:1 1;flex-direction:column;height:50px;justify-content:space-around}body main.more .user_info .profile_info .profile_name{font-size:16px}body main.more .user_info .profile_info .profile_email{color:#8e9399}body main.more .user_info .chat_img svg{color:var(--triadic1);font-size:30px;margin-right:15px}body main.more .user_menu{height:125px}body main.more .user_menu ul{align-items:center;display:flex;height:100%}body main.more .user_menu ul li{flex:1 1;overflow:hidden}body main.more .user_menu ul li a{align-items:center;color:var(--color1);display:flex;flex-direction:column;font-weight:700}body main.more .user_menu ul li a i{cursor:pointer;font-size:30px;margin-bottom:10px;transition:all .3s linear}body main.more .user_menu ul li a i:hover{color:var(--triadic1);-webkit-transform:scale(1.05);transform:scale(1.05)}body main.more .plus_friends{border-bottom:1px solid #ebebeb;display:flex;flex-direction:column}body main.more .plus_friends header{align-items:first baseline;border-bottom:1px solid #ebebeb;box-sizing:border-box;display:inline-flex;font-size:16px;height:auto;justify-content:space-between;padding:5px 15px}body main.more .plus_friends header span{color:#8e9399;font-size:12px}body main.more .plus_friends .plus_list{background:var(--deactive);display:flex;flex-wrap:wrap;justify-content:space-between}body main.more .plus_friends .plus_list li{align-items:center;box-sizing:border-box;display:flex;justify-content:center;width:50%}body main.more .plus_friends .plus_list li a{align-items:center;background:#fff;border-radius:2px;color:#333;display:flex;font-size:12px;justify-content:start;min-width:90px;padding:8px 0;transition:background .3s linear;width:100%}body main.more .plus_friends .plus_list li a:hover{background:var(--triadic1);color:#fff}body main.more .plus_friends .plus_list li a svg{font-size:24px;margin:0 15px 4px;width:30px}body main.more .more_app{background:#fff;border-radius:8px 8px 0 0;box-sizing:border-box;height:190px;padding:30px 16px}body main.more .more_app ul{display:flex;width:100%}body main.more .more_app ul li{border-radius:4px;box-sizing:border-box;max-height:160px;max-width:75px;padding:16px;transition:max-width .5s ease-in-out}body main.more .more_app ul li:hover{background:var(--color1);max-width:60%}body main.more .more_app ul li:hover a{align-items:start}body main.more .more_app ul li:hover a .app__catch{display:inline-flex;height:100%;opacity:1;padding:0 20px 0 8px;width:auto}body main.more .more_app ul li:hover a .app__catch p{opacity:1}body main.more .more_app ul li a{align-items:normal;display:flex;height:100%;text-align:center}body main.more .more_app ul li a div:first-of-type{height:100%;width:75px}body main.more .more_app ul li a div:first-of-type span{background:url(data:image/jpeg;base64,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) no-repeat 0 0;background-size:cover;display:flex;height:44px;margin:0 auto 10px;width:44px}body main.more .more_app ul li a .app__catch{box-sizing:border-box;height:0;opacity:0;width:0}body main.more .more_app ul li a .app__catch p{opacity:0;text-align:left;transition:opacity .3s linear .5s;width:200px}body main.more .more_app ul li:first-child span{background-image:url(/react_chat_firebase_2023/static/media/kakaostory.572f3ce5bf10fbdaac9d.png)!important}body main.more .more_app ul li:nth-child(2) span{background-image:url(/react_chat_firebase_2023/static/media/path.7d00edf73f07bdcecc6d.png)!important}body main.more .more_app ul li:nth-child(3) span{background-image:url(/react_chat_firebase_2023/static/media/kakaofriends.84375bb9f89d79ccd760.png)!important}.btn_wrap{display:flex;justify-content:center;margin-top:40px;width:100%}.btn_wrap .btn_logout{background:var(--color1);border:none;border-radius:2px;color:var(--primary);cursor:pointer;font-weight:700;line-height:3;padding:0 40px;transition:all .3s ease-in-out}.btn_wrap .btn_logout:hover{background:var(--primary);color:var(--secondary)}body main .find_method{align-items:center;background:#fff;display:flex;height:80px}body main .find_method li{background:#fff;flex:1 1;overflow:hidden}body main .find_method li a{align-items:center;color:var(--triadic1);display:flex;flex-direction:column;transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear}body main .find_method li a:hover{color:var(--secondary);-webkit-transform:scale(1.1);transform:scale(1.1)}body main .find_method li a i{font-size:22px;margin:5px 0}body main .recommend_section header{border:none;color:#8e9399;height:22px;line-height:22px}body main .recommend_section ul li{background:#fff;border-bottom:1px solid #ebebeb;border-top:1px solid #ebebeb;color:#8e9399;font-size:14px;height:54px;line-height:54px;text-align:center}.chat_fa_btn{bottom:80px;position:fixed;right:20px}.chat_fa_btn .btn__inner{align-items:center;background:var(--color1);border-radius:50%;box-shadow:0 2px 6px #0004;color:var(--triadic1);cursor:pointer;display:flex;font-size:18px;height:60px;justify-content:center;transition:color .3s linear,background .3s linear;width:60px}.chat_fa_btn .btn__inner:hover{background:var(--primary);color:var(--secondary)}main section header h2{color:#8e938e99}main section ul.chat_list{display:flex;flex-direction:column}main section ul.chat_list li{background:#fff;border-bottom:1px solid #ebebeb}main section ul.chat_list li a{align-items:center;display:flex;flex-wrap:wrap;font-size:16px}main section ul.chat_list li a .chats_img{height:50px;margin:15px;width:50px}main section ul.chat_list li a .chats_cont{display:flex;flex:auto;flex-direction:column;justify-content:center}main section ul.chat_list li a .chats_cont .chats_name{font-weight:700;margin-bottom:5px}main section ul.chat_list li a .chats_cont .chats_latest{color:#8e938e99;font-size:12px}main section ul.chat_list li a .chats_time{color:#8e938e99;font-size:12px;margin-right:15px}body{height:100%;overflow-y:scroll}main.chatting{display:flex;flex-direction:column;min-height:100vh;padding-bottom:80px}main.chatting .date_info{margin:10px;opacity:.5;text-align:center}main.chatting .chat_box{align-items:flex-start;display:inline-flex;flex-direction:column;max-width:calc(100% - 80px);position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}main.chatting .chat_box .chat_wrap{align-items:flex-end;display:flex;margin:5px}main.chatting .chat_box .chat_wrap .chat{background:#fff;border:none;border-radius:12px;box-shadow:0 0 5px -5px rgba(0,0,0,.72);font-size:16px;line-height:1.2;outline:none;padding:10px 8px;word-break:break-all}main.chatting .chat_box .chat_wrap .chat>img{border-radius:4px;left:auto;margin:2px auto 8px;max-height:240px;max-width:160px;object-fit:cover;top:auto;-webkit-transform:translate(0);transform:translate(0)}main.chatting .chat_box .chat_wrap .btn_wrap{justify-content:space-around;margin-top:4px;width:200px}main.chatting .chat_box .chat_wrap .btn_wrap .delete,main.chatting .chat_box .chat_wrap .btn_wrap .edit{background:transparent;border:none;border-radius:2px;color:#513736;cursor:pointer;text-align:center;width:100%}main.chatting .chat_box .chat_wrap i{background:#fff;border-radius:12px;display:block;font-size:14px;font-style:normal;line-height:24px;text-align:center;width:100%}main.chatting .chat_box .chat_wrap i svg{padding-right:8px}main.chatting .chat_box .chat_wrap.edit{flex-direction:column}main.chatting .my{align-items:flex-end;align-self:flex-end;margin-left:10px}main.chatting .my .chat_wrap{flex-direction:row-reverse}main.chatting .my .chat_wrap .chat{background:var(--secondary)!important;color:#fff;cursor:pointer}main.chatting .my .chat_wrap .chat span{display:block}main.chatting .my .chat_wrap input.chat{cursor:auto;display:inline-flex;max-width:400px}main.chatting .my .chat_wrap .chat_time{margin:0 8px;opacity:.5}main.chatting .other{margin-left:55px;margin-top:20px}main.chatting .other .other_info>a>.profile_img{height:35px;left:-55px;position:absolute;top:-5px;width:35px}main.chatting .other .other_info>a>.profile_img .profile_name{display:block;font-weight:700;margin:5px}main.chatting .other .chat_time{margin-left:4px;opacity:.5;width:50px}footer{background:var(--color1);bottom:0;height:45px;justify-content:space-between;left:0;position:fixed}footer,footer .preview{align-items:center;display:flex;width:100%}footer .preview{background:hsla(0,0%,40%,.4);box-sizing:border-box;height:320px;justify-content:center;padding:16px;position:absolute;top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}footer .preview>.item{box-sizing:border-box;display:inline-flex;max-height:90%;max-width:32%;position:relative}footer .preview>.item>img{border-radius:4px;box-shadow:4px 3px 12px rgba(51,51,51,.3);left:auto;object-fit:cover;top:auto;-webkit-transform:translate(0);transform:translate(0);width:100%}footer .preview>.item>button{border:none;border-radius:50%;box-shadow:2px 2px 5px rgba(0,0,0,.5);font-size:11px;height:24px;left:0;position:absolute;top:0;-webkit-transform:translate(-60%,-54%);transform:translate(-60%,-54%);width:24px}footer form{box-shadow:0 -2px 5px -4px rgba(30,0,0,.56);height:100%}footer fieldset.text_box,footer form{display:flex;justify-content:flex-end;width:100%}footer fieldset.text_box{align-items:center;position:relative}footer fieldset.text_box .plus_btn{border:none;color:#fff;cursor:pointer;font-size:16px;height:37px;line-height:37px;margin-left:5px;outline:none;text-align:center;width:34px}footer fieldset.text_box input[type=file]{display:none}footer fieldset.text_box .text_field{border:1px solid #bbb;border-radius:8px;box-sizing:border-box;flex:1 1;height:37px;padding-left:8px}footer fieldset.text_box .text_field:focus{border:2px solid var(--primary);outline:none}footer fieldset.text_box .emotion_btn{cursor:pointer;position:absolute;right:56px}footer fieldset.text_box .emotion_btn a{color:#b3b4b4}footer fieldset.text_box .btn{background:var(--deactive);border:none;border-radius:4px;color:var(--primary);cursor:pointer;display:block;font-size:16px;height:37px;line-height:37px;margin:0 5px;text-align:center;width:37px}footer fieldset.text_box .btn[type=submit]{background:var(--primary);color:var(--secondary)}body header.off .title_bar .left_item a{font-size:20px;opacity:1!important}body main.profile{height:100vh}body main.profile .container{display:flex;flex-direction:column;height:100%;justify-content:flex-end;position:relative;width:100%}body main.profile .container .background{background:url(/react_chat_firebase_2023/static/media/bg_default.82687b4e75ad8b89fa96.png) no-repeat 0 0;background-size:cover;border-radius:0 0 8px 8px;height:68%;left:0;position:absolute;top:0;width:100%}body main.profile .container .background>form{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}body main.profile .container .background>form .profile__bg-wrap{display:flex;flex-direction:column}body main.profile .container .background>form .profile__bg-wrap .edit_btn{background:transparent;border:none;border-radius:50%;bottom:calc(4% + 5px);box-shadow:0 0 1px -1px #000;color:#fff;cursor:pointer;display:block;font-size:24px;height:32px;left:5px;line-height:32px;opacity:1;position:absolute;text-align:center;width:32px;z-index:11}body main.profile .container .background>form .profile__bg-wrap .edit_btn:hover{color:var(--secondary)}body main.profile .container .background>form .profile__bg-wrap input.edit_btn{display:none}body main.profile .container .background>form .profile__bg-wrap .edit_bg_btn{background:#efefef;border:none;border-radius:20px;box-shadow:0 0 5px rgba(0,0,0,.5);font-size:18px;height:60px;opacity:.8;transition:all .3s linear;width:200px}body main.profile .container .background>form .profile__bg-wrap .edit_bg_btn.confirm{color:var(--confirm)}body main.profile .container .background>form .profile__bg-wrap .edit_bg_btn.cancel{color:var(--cancel)}body main.profile .container .background>form .profile__bg-wrap .edit_bg_btn:hover{opacity:1}body main.profile .container .background>form .profile__bg-wrap .edit_bg_btn:hover.confirm{background:var(--confirm);color:#fff}body main.profile .container .background>form .profile__bg-wrap .edit_bg_btn:hover.cancel{background:var(--cancel);color:#fff}body main.profile .container .background>form .profile__bg-wrap .edit_bg_btn:first-of-type{margin-bottom:40px}body main.profile .container .profile{background:#fff;border-radius:8px 8px 0 0;box-shadow:0 -4px 60px rgba(0,0,0,.7);display:flex;height:35%;justify-content:center;position:relative;width:100%}body main.profile .container .profile .profile_img{height:100px;left:50%;margin:auto auto auto -50px;position:absolute;top:-65px;width:100px}body main.profile .container .profile .profile_img form.form_face,body main.profile .container .profile .profile_img form.form_face .profile__face-wrap{height:100%;width:100%}body main.profile .container .profile .profile_img form.form_face .profile__face-wrap .btn_wrap{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(0,0,0,.3);border-radius:50%;box-sizing:border-box;display:flex;flex-direction:row;height:100%;justify-content:space-between;margin-top:0;padding:0 12px;width:100%}body main.profile .container .profile .profile_img form.form_face .profile__face-wrap .btn_wrap .btn_face{align-items:center;background:transparent;border:none;border-radius:50%;display:flex;height:24px;justify-content:center;transition:scale .3s ease;width:24px}body main.profile .container .profile .profile_img form.form_face .profile__face-wrap .btn_wrap .btn_face.cancel{color:var(--cancel)}body main.profile .container .profile .profile_img form.form_face .profile__face-wrap .btn_wrap .btn_face[type=submit]{color:var(--confirm)}body main.profile .container .profile .profile_img form.form_face .profile__face-wrap .btn_wrap .btn_face:hover{color:#fff;scale:1.5}body main.profile .container .profile .profile_img form.form_face .profile__face-wrap .btn_wrap .btn_face:hover.cancel{background:var(--cancel)}body main.profile .container .profile .profile_img form.form_face .profile__face-wrap .btn_wrap .btn_face:hover[type=submit]{background:var(--confirm)}body main.profile .container .profile .profile_img form.form_face .profile__face-wrap input[type=file]{display:none}body main.profile .container .profile .profile_img form.form_face .profile__face-wrap .edit_btn{background:#f2f2f2;border:none;border-radius:50%;color:#2e00ff;cursor:pointer;height:24px;line-height:24px;outline:none;position:absolute;right:0;text-align:center;top:70%;width:24px}body main.profile .container .profile .profile_cont{align-items:center;display:flex;flex-direction:column;margin-top:45px;width:40%}body main.profile .container .profile .profile_cont .profile__wrap{padding:10px 0;width:100%}body main.profile .container .profile .profile_cont .profile__wrap,body main.profile .container .profile .profile_cont .profile__wrap .profile__text-wrap{align-items:center;display:flex;flex-direction:column;position:relative}body main.profile .container .profile .profile_cont .profile__wrap .profile__text-wrap .user_profile_name{border:none;border-radius:4px;box-sizing:border-box;display:block;font-size:16px;font-weight:400;height:20px;max-width:160px;outline:none;text-align:center;width:100%}body main.profile .container .profile .profile_cont .profile__wrap .profile__text-wrap input.user_profile_name:focus{text-decoration:underline}body main.profile .container .profile .profile_cont .profile_comment{border:none;font-size:12px;line-height:24px;margin:15px 0 24px;outline:none;padding:0;text-align:center;width:148px}body main.profile .container .profile .profile_cont .profile_comment:focus{text-decoration:underline}body main.profile .container .profile .profile_cont ul{display:flex}body main.profile .container .profile .profile_cont ul li{margin:0 6px}body main.profile .container .profile .profile_cont ul li .profile__btn-wrap{align-items:center;display:flex;flex-direction:column;width:80px}body main.profile .container .profile .profile_cont ul li .profile__btn-wrap .icon{background:#f2f2f2;border:none;border-radius:50%;color:#2e00ff;cursor:pointer;display:block;font-size:20px;height:52px;line-height:52px;margin-bottom:15px;text-align:center;width:52px}body main.profile .container .profile .profile_cont ul li .profile__btn-wrap .icon svg{transition:all .3s linear}body main.profile .container .profile .profile_cont ul li .profile__btn-wrap .icon:hover svg{scale:1.14}body main.profile .container .profile .profile_cont ul li .profile__btn-wrap .icon.confirm{color:var(--confirm)}body main.profile .container .profile .profile_cont ul li .profile__btn-wrap .icon.confirm:hover{background:var(--confirm);color:#fff}body main.profile .container .profile .profile_cont ul li .profile__btn-wrap .icon.cancel{color:var(--cancel)}body main.profile .container .profile .profile_cont ul li .profile__btn-wrap .icon.cancel:hover{background:var(--cancel);color:#fff}body main.profile .container .profile .profile_cont .comment{font-size:15px;margin:20px 0;text-align:center;word-break:break-all}body main.profile .container .profile .profile_cont .friend_profile_menu{margin-top:8px}body main.profile .container .profile .profile_cont .friend_profile_menu li{padding:0 16px}
/*# sourceMappingURL=main.c46e831d.css.map*/