@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);:root{--color-red-50:oklch(0.971 0.013 17.38);--color-red-100:oklch(0.936 0.032 17.717);--color-red-200:oklch(0.885 0.062 18.334);--color-red-300:oklch(0.808 0.114 19.571);--color-red-400:oklch(0.704 0.191 22.216);--color-red-500:oklch(0.637 0.237 25.331);--color-red-600:oklch(0.577 0.245 27.325);--color-red-700:oklch(0.505 0.213 27.518);--color-red-800:oklch(0.444 0.177 26.899);--color-red-900:oklch(0.396 0.141 25.723);--color-red-950:oklch(0.258 0.092 26.042);--color-orange-50:oklch(0.98 0.016 73.684);--color-orange-100:oklch(0.954 0.038 75.164);--color-orange-200:oklch(0.901 0.076 70.697);--color-orange-300:oklch(0.837 0.128 66.29);--color-orange-400:oklch(0.75 0.183 55.934);--color-orange-500:oklch(0.705 0.213 47.604);--color-orange-600:oklch(0.646 0.222 41.116);--color-orange-700:oklch(0.553 0.195 38.402);--color-orange-800:oklch(0.47 0.157 37.304);--color-orange-900:oklch(0.408 0.123 38.172);--color-orange-950:oklch(0.266 0.079 36.259);--color-amber-50:oklch(0.987 0.022 95.277);--color-amber-100:oklch(0.962 0.059 95.617);--color-amber-200:oklch(0.924 0.12 95.746);--color-amber-300:oklch(0.879 0.169 91.605);--color-amber-400:oklch(0.828 0.189 84.429);--color-amber-500:oklch(0.769 0.188 70.08);--color-amber-600:oklch(0.666 0.179 58.318);--color-amber-700:oklch(0.555 0.163 48.998);--color-amber-800:oklch(0.473 0.137 46.201);--color-amber-900:oklch(0.414 0.112 45.904);--color-amber-950:oklch(0.279 0.077 45.635);--color-yellow-50:oklch(0.987 0.026 102.212);--color-yellow-100:oklch(0.973 0.071 103.193);--color-yellow-200:oklch(0.945 0.129 101.54);--color-yellow-300:oklch(0.905 0.182 98.111);--color-yellow-400:oklch(0.852 0.199 91.936);--color-yellow-500:oklch(0.795 0.184 86.047);--color-yellow-600:oklch(0.681 0.162 75.834);--color-yellow-700:oklch(0.554 0.135 66.442);--color-yellow-800:oklch(0.476 0.114 61.907);--color-yellow-900:oklch(0.421 0.095 57.708);--color-yellow-950:oklch(0.286 0.066 53.813);--color-lime-50:oklch(0.986 0.031 120.757);--color-lime-100:oklch(0.967 0.067 122.328);--color-lime-200:oklch(0.938 0.127 124.321);--color-lime-300:oklch(0.897 0.196 126.665);--color-lime-400:oklch(0.841 0.238 128.85);--color-lime-500:oklch(0.768 0.233 130.85);--color-lime-600:oklch(0.648 0.2 131.684);--color-lime-700:oklch(0.532 0.157 131.589);--color-lime-800:oklch(0.453 0.124 130.933);--color-lime-900:oklch(0.405 0.101 131.063);--color-lime-950:oklch(0.274 0.072 132.109);--color-green-50:oklch(0.982 0.018 155.826);--color-green-100:oklch(0.962 0.044 156.743);--color-green-200:oklch(0.925 0.084 155.995);--color-green-300:oklch(0.871 0.15 154.449);--color-green-400:oklch(0.792 0.209 151.711);--color-green-500:oklch(0.723 0.219 149.579);--color-green-600:oklch(0.627 0.194 149.214);--color-green-700:oklch(0.527 0.154 150.069);--color-green-800:oklch(0.448 0.119 151.328);--color-green-900:oklch(0.393 0.095 152.535);--color-green-950:oklch(0.266 0.065 152.934);--color-emerald-50:oklch(0.979 0.021 166.113);--color-emerald-100:oklch(0.95 0.052 163.051);--color-emerald-200:oklch(0.905 0.093 164.15);--color-emerald-300:oklch(0.845 0.143 164.978);--color-emerald-400:oklch(0.765 0.177 163.223);--color-emerald-500:oklch(0.696 0.17 162.48);--color-emerald-600:oklch(0.596 0.145 163.225);--color-emerald-700:oklch(0.508 0.118 165.612);--color-emerald-800:oklch(0.432 0.095 166.913);--color-emerald-900:oklch(0.378 0.077 168.94);--color-emerald-950:oklch(0.262 0.051 172.552);--color-teal-50:oklch(0.984 0.014 180.72);--color-teal-100:oklch(0.953 0.051 180.801);--color-teal-200:oklch(0.91 0.096 180.426);--color-teal-300:oklch(0.855 0.138 181.071);--color-teal-400:oklch(0.777 0.152 181.912);--color-teal-500:oklch(0.704 0.14 182.503);--color-teal-600:oklch(0.6 0.118 184.704);--color-teal-700:oklch(0.511 0.096 186.391);--color-teal-800:oklch(0.437 0.078 188.216);--color-teal-900:oklch(0.386 0.063 188.416);--color-teal-950:oklch(0.277 0.046 192.524);--color-cyan-50:oklch(0.984 0.019 200.873);--color-cyan-100:oklch(0.956 0.045 203.388);--color-cyan-200:oklch(0.917 0.08 205.041);--color-cyan-300:oklch(0.865 0.127 207.078);--color-cyan-400:oklch(0.789 0.154 211.53);--color-cyan-500:oklch(0.715 0.143 215.221);--color-cyan-600:oklch(0.609 0.126 221.723);--color-cyan-700:oklch(0.52 0.105 223.128);--color-cyan-800:oklch(0.45 0.085 224.283);--color-cyan-900:oklch(0.398 0.07 227.392);--color-cyan-950:oklch(0.302 0.056 229.695);--color-sky-50:oklch(0.977 0.013 236.62);--color-sky-100:oklch(0.951 0.026 236.824);--color-sky-200:oklch(0.901 0.058 230.902);--color-sky-300:oklch(0.828 0.111 230.318);--color-sky-400:oklch(0.746 0.16 232.661);--color-sky-500:oklch(0.685 0.169 237.323);--color-sky-600:oklch(0.588 0.158 241.966);--color-sky-700:oklch(0.5 0.134 242.749);--color-sky-800:oklch(0.443 0.11 240.79);--color-sky-900:oklch(0.391 0.09 240.876);--color-sky-950:oklch(0.293 0.066 243.157);--color-blue-50:oklch(0.97 0.014 254.604);--color-blue-100:oklch(0.932 0.032 255.585);--color-blue-200:oklch(0.882 0.059 254.128);--color-blue-300:oklch(0.809 0.105 251.813);--color-blue-400:oklch(0.707 0.165 254.624);--color-blue-500:oklch(0.623 0.214 259.815);--color-blue-600:oklch(0.546 0.245 262.881);--color-blue-700:oklch(0.488 0.243 264.376);--color-blue-800:oklch(0.424 0.199 265.638);--color-blue-900:oklch(0.379 0.146 265.522);--color-blue-950:oklch(0.282 0.091 267.935);--color-indigo-50:oklch(0.962 0.018 272.314);--color-indigo-100:oklch(0.93 0.034 272.788);--color-indigo-200:oklch(0.87 0.065 274.039);--color-indigo-300:oklch(0.785 0.115 274.713);--color-indigo-400:oklch(0.673 0.182 276.935);--color-indigo-500:oklch(0.585 0.233 277.117);--color-indigo-600:oklch(0.511 0.262 276.966);--color-indigo-700:oklch(0.457 0.24 277.023);--color-indigo-800:oklch(0.398 0.195 277.366);--color-indigo-900:oklch(0.359 0.144 278.697);--color-indigo-950:oklch(0.257 0.09 281.288);--color-violet-50:oklch(0.969 0.016 293.756);--color-violet-100:oklch(0.943 0.029 294.588);--color-violet-200:oklch(0.894 0.057 293.283);--color-violet-300:oklch(0.811 0.111 293.571);--color-violet-400:oklch(0.702 0.183 293.541);--color-violet-500:oklch(0.606 0.25 292.717);--color-violet-600:oklch(0.541 0.281 293.009);--color-violet-700:oklch(0.491 0.27 292.581);--color-violet-800:oklch(0.432 0.232 292.759);--color-violet-900:oklch(0.38 0.189 293.745);--color-violet-950:oklch(0.283 0.141 291.089);--color-purple-50:oklch(0.977 0.014 308.299);--color-purple-100:oklch(0.946 0.033 307.174);--color-purple-200:oklch(0.902 0.063 306.703);--color-purple-300:oklch(0.827 0.119 306.383);--color-purple-400:oklch(0.714 0.203 305.504);--color-purple-500:oklch(0.627 0.265 303.9);--color-purple-600:oklch(0.558 0.288 302.321);--color-purple-700:oklch(0.496 0.265 301.924);--color-purple-800:oklch(0.438 0.218 303.724);--color-purple-900:oklch(0.381 0.176 304.987);--color-purple-950:oklch(0.291 0.149 302.717);--color-fuchsia-50:oklch(0.977 0.017 320.058);--color-fuchsia-100:oklch(0.952 0.037 318.852);--color-fuchsia-200:oklch(0.903 0.076 319.62);--color-fuchsia-300:oklch(0.833 0.145 321.434);--color-fuchsia-400:oklch(0.74 0.238 322.16);--color-fuchsia-500:oklch(0.667 0.295 322.15);--color-fuchsia-600:oklch(0.591 0.293 322.896);--color-fuchsia-700:oklch(0.518 0.253 323.949);--color-fuchsia-800:oklch(0.452 0.211 324.591);--color-fuchsia-900:oklch(0.401 0.17 325.612);--color-fuchsia-950:oklch(0.293 0.136 325.661);--color-pink-50:oklch(0.971 0.014 343.198);--color-pink-100:oklch(0.948 0.028 342.258);--color-pink-200:oklch(0.899 0.061 343.231);--color-pink-300:oklch(0.823 0.12 346.018);--color-pink-400:oklch(0.718 0.202 349.761);--color-pink-500:oklch(0.656 0.241 354.308);--color-pink-600:oklch(0.592 0.249 0.584);--color-pink-700:oklch(0.525 0.223 3.958);--color-pink-800:oklch(0.459 0.187 3.815);--color-pink-900:oklch(0.408 0.153 2.432);--color-pink-950:oklch(0.284 0.109 3.907);--color-rose-50:oklch(0.969 0.015 12.422);--color-rose-100:oklch(0.941 0.03 12.58);--color-rose-200:oklch(0.892 0.058 10.001);--color-rose-300:oklch(0.81 0.117 11.638);--color-rose-400:oklch(0.712 0.194 13.428);--color-rose-500:oklch(0.645 0.246 16.439);--color-rose-600:oklch(0.586 0.253 17.585);--color-rose-700:oklch(0.514 0.222 16.935);--color-rose-800:oklch(0.455 0.188 13.697);--color-rose-900:oklch(0.41 0.159 10.272);--color-rose-950:oklch(0.271 0.105 12.094);--color-slate-50:oklch(0.984 0.003 247.858);--color-slate-100:oklch(0.968 0.007 247.896);--color-slate-200:oklch(0.929 0.013 255.508);--color-slate-300:oklch(0.869 0.022 252.894);--color-slate-400:oklch(0.704 0.04 256.788);--color-slate-500:oklch(0.554 0.046 257.417);--color-slate-600:oklch(0.446 0.043 257.281);--color-slate-700:oklch(0.372 0.044 257.287);--color-slate-800:oklch(0.279 0.041 260.031);--color-slate-900:oklch(0.208 0.042 265.755);--color-slate-950:oklch(0.129 0.042 264.695);--color-gray-50:oklch(0.985 0.002 247.839);--color-gray-100:oklch(0.967 0.003 264.542);--color-gray-200:oklch(0.928 0.006 264.531);--color-gray-300:oklch(0.872 0.01 258.338);--color-gray-400:oklch(0.707 0.022 261.325);--color-gray-500:oklch(0.551 0.027 264.364);--color-gray-600:oklch(0.446 0.03 256.802);--color-gray-700:oklch(0.373 0.034 259.733);--color-gray-800:oklch(0.278 0.033 256.848);--color-gray-900:oklch(0.21 0.034 264.665);--color-gray-950:oklch(0.13 0.028 261.692);--color-zinc-50:oklch(0.985 0 0);--color-zinc-100:oklch(0.967 0.001 286.375);--color-zinc-200:oklch(0.92 0.004 286.32);--color-zinc-300:oklch(0.871 0.006 286.286);--color-zinc-400:oklch(0.705 0.015 286.067);--color-zinc-500:oklch(0.552 0.016 285.938);--color-zinc-600:oklch(0.442 0.017 285.786);--color-zinc-700:oklch(0.37 0.013 285.805);--color-zinc-800:oklch(0.274 0.006 286.033);--color-zinc-900:oklch(0.21 0.006 285.885);--color-zinc-950:oklch(0.141 0.005 285.823);--color-neutral-50:oklch(0.985 0 0);--color-neutral-100:oklch(0.97 0 0);--color-neutral-200:oklch(0.922 0 0);--color-neutral-300:oklch(0.87 0 0);--color-neutral-400:oklch(0.708 0 0);--color-neutral-500:oklch(0.556 0 0);--color-neutral-600:oklch(0.439 0 0);--color-neutral-700:oklch(0.371 0 0);--color-neutral-800:oklch(0.269 0 0);--color-neutral-900:oklch(0.205 0 0);--color-neutral-950:oklch(0.145 0 0);--color-stone-50:oklch(0.985 0.001 106.423);--color-stone-100:oklch(0.97 0.001 106.424);--color-stone-200:oklch(0.923 0.003 48.717);--color-stone-300:oklch(0.869 0.005 56.366);--color-stone-400:oklch(0.709 0.01 56.259);--color-stone-500:oklch(0.553 0.013 58.071);--color-stone-600:oklch(0.444 0.011 73.639);--color-stone-700:oklch(0.374 0.01 67.558);--color-stone-800:oklch(0.268 0.007 34.298);--color-stone-900:oklch(0.216 0.006 56.043);--color-stone-950:oklch(0.147 0.004 49.25);--color-black:#000;--color-white:#fff;--ui-primary:var(--color-primary-500);--ui-secondary:var(--color-secondary-500);--ui-success:var(--color-success-500);--ui-info:var(--color-info-500);--ui-warning:var(--color-warning-500);--ui-error:var(--color-error-500);--ui-text-dimmed:var(--color-neutral-500);--ui-text-muted:var(--color-neutral-400);--ui-text-toned:var(--color-neutral-300);--ui-text:var(--color-neutral-200);--ui-text-highlighted:var(--color-white);--ui-text-inverted:var(--color-neutral-900);--ui-bg:var(--color-neutral-900);--ui-bg-muted:var(--color-neutral-800);--ui-bg-elevated:var(--color-neutral-800);--ui-bg-accented:var(--color-neutral-700);--ui-bg-inverted:var(--color-white);--ui-border:var(--color-neutral-800);--ui-border-muted:var(--color-neutral-700);--ui-border-accented:var(--color-neutral-700);--ui-border-inverted:var(--color-white)}#root,.container{width:100%;max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;@media (min-width:640px){padding-left:1.5rem;padding-right:1.5rem}@media (min-width:1024px){padding-left:2rem;padding-right:2rem}}main{border-color:var(--ui-border)!important;height:auto!important;@media (min-width:640px){height:100dvh!important}}.layout{display:block!important;position:static!important;margin-top:5rem;margin-bottom:5rem!important;@media (min-width:640px){display:flex!important;flex-direction:row!important;margin-bottom:0!important}}.sidebar-left{position:fixed!important;height:4rem;top:0;border-left:0;border-right:0;border-top:0!important;border-bottom:1px;border-style:solid;border-color:var(--ui-border);padding:1rem!important;@media (min-width:640px){position:relative!important;border-bottom:0!important}}.sidebar-left__logo{display:none!important;@media (min-width:640px){display:block!important}}.sidebar-left__logo__text{display:flex!important;align-items:center;font-weight:700;font-size:x-large;@media (min-width:640px){display:none!important}}.sidebar-left__nav--mobile{display:flex!important;grid-gap:1rem;gap:1rem;align-items:center;@media (min-width:640px){display:none!important}}.sidebar-left__nav{position:fixed;bottom:0;left:0;right:0;padding:1rem 2rem;background-color:var(--ui-bg);border:0;border-top:1px;border-style:solid;border-color:var(--ui-border);display:flex;justify-content:space-between;grid-gap:.5rem;gap:.5rem;@media (min-width:640px){position:static;background-color:initial;border-top:0;flex-direction:column}}.sidebar-left__nav .sidebar-left__link--login,.sidebar-left__nav .sidebar-left__link--logout,.sidebar-left__nav .sidebar-left__link--profile{display:none!important;@media (min-width:640px){display:flex!important}}.sidebar-right{display:none!important;@media (min-width:1024px){display:flex!important}}.tweet-form__img{margin:.5rem!important}.tweet-form__img img{width:100%;object-fit:cover}.avatar__small{width:2rem!important;height:2rem!important;@media (min-width:640px){width:3rem!important;height:3rem!important}}.tweet-form__form textarea{margin:0!important;padding:.5rem!important}.chat-inbox{height:60dvh!important;@media (min-width:640px){height:auto!important}}.chat-input-form{z-index:5!important}.tweet-btn{z-index:10}.modal-overlay{padding:1rem}.modal-content{padding:.5rem!important;display:flex;flex-direction:column;align-items:center}.profile-card-details{flex-direction:column;@media (min-width:640px){flex-direction:row}}.profile-card__bio--follow{grid-gap:1rem;gap:1rem;margin-top:1rem}.sidebar-left__nav--mobile .sidebar-left__link--notification{display:block!important;@media (min-width:1024px){display:none!important}}.auth__form{margin:1rem auto auto}.profile-card__another--person{display:flex;flex-direction:column;justify-content:end;grid-gap:1rem;gap:1rem}.auth__form{align-items:center}.tweet{-webkit-tap-highlight-color:transparent}.no-select{-moz-user-select:none;-ms-user-select:none}.no-select,.no-tap{user-select:none;-webkit-user-select:none}.no-tap{-webkit-tap-highlight-color:transparent}*{padding:0;margin:0;box-sizing:border-box}a{text-decoration:none;color:#4682b4}img{display:block}button,input,textarea{border:none;outline:none;cursor:pointer}body{background:var(--ui-bg);font-family:"Poppins",sans-serif;color:#fff;font-size:1em;line-height:1.4}.display-flex{display:flex}.display-none{display:none}.display-block{display:block}.justify-content-c{justify-content:center}.justify-content-sb{justify-content:space-between}.justify-content-se{justify-content:space-evenly}.justify-content-fe{justify-content:flex-end}.align-items-c{align-items:center}.align-items-fe{align-items:flex-end}.align-items-fs{align-items:flex-start}.flex-wrap-wrap{flex-wrap:wrap}.flex-wrap-nowrap{flex-wrap:nowrap}.flex-direction-c{flex-direction:column}.flex-direction-r{flex-direction:row}.flex-1{flex:1 1}.flex-2{flex:2 1}.flex-3{flex:3 1}.flex-order-1{order:1}.flex-order-2{order:2}.flex_order-3{order:3}.flex-order-4{order:4}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:9999}.scroll-box{height:95vh;overflow-y:auto;border:1px solid #ccc;scrollbar-width:none;-ms-overflow-style:none}.scroll-box::-webkit-scrollbar{display:none}.modal-content{background:var(--ui-bg);padding:2rem;text-align:center;border-radius:8px;width:100%;max-width:400px;box-shadow:0 10px 30px rgba(0,0,0,.3);position:relative;color:#fff}.modal-close{position:absolute;top:10px;right:25px;font-size:1.5rem;border:none;background:transparent;color:#fff;cursor:pointer}@keyframes like{0%{opacity:.5;color:orange;transform:scale(.5)}to{opacity:1;color:#f91880;transform:scale(1)}}@keyframes unlike{0%{transform:scale(1.1);opacity:.5;color:#f91880}to{transform:scale(1);opacity:1;color:#4f5e6c}}@keyframes addBookmark{0%{opacity:.5;color:#fff;transform:scale(.5)}to{opacity:1;color:#1d82c8;transform:scale(1)}}@keyframes removeBookmark{0%{transform:scale(1.1);opacity:.5;color:#fff}to{transform:scale(1);opacity:1;color:#4f5e6c}}.tweet-btn{display:flex;background-color:#4682b4;color:#fff;padding:.6em;border-radius:50%;position:fixed;right:2.3em;bottom:5.5em}.tweet-btn svg{font-size:1.7em}.tweet-btn p{display:none}@media (min-width:40em){.tweet-btn{display:none}}.follow-btn{padding:1em 2em;background:#fff;color:#191919;border-radius:50px;font-weight:800}.follow-btn:hover{opacity:.8}.message-btn{position:relative;padding:1em 2em;border:1px solid #fff;background-color:initial;color:#fff;border-radius:50px}.message-btn:before{content:"Message";display:grid;place-items:center;position:absolute;inset:0;background-color:rgba(44,255,12,.17254901960784313);border-radius:50px;opacity:0;z-index:2}.message-btn:hover{border:1px solid #00ff62}.message-btn:hover:after,.message-btn:hover:before{opacity:1}.message-btn:after{content:"";border-radius:50px;position:absolute;inset:0;opacity:0;z-index:1;background-color:var(--ui-bg)}.unfollow-btn{position:relative;padding:1em 2em;border:1px solid #fff;background-color:initial;color:#fff;border-radius:50px}.unfollow-btn:before{content:"Unfollow";display:grid;place-items:center;background-color:rgba(255,20,12,.17254901960784313);z-index:2}.unfollow-btn:after,.unfollow-btn:before{position:absolute;inset:0;border-radius:50px;opacity:0}.unfollow-btn:after{content:"";z-index:1;background-color:var(--ui-bg)}.unfollow-btn:hover{border:1px solid red}.unfollow-btn:hover:after,.unfollow-btn:hover:before{opacity:1}.edit-btn{position:relative;padding:.7em 1.2em;font-size:.9em;border:1px solid #fff;background-color:initial;color:#fff;border-radius:50px}.tweet-btns{cursor:pointer;width:80%;margin:1.1em 0 0 .3em}.tweet-btns__btn{color:#4f5e6c;font-size:1.2em;background-color:initial}.tweet-btns__btn svg{margin-right:.3em}.tweet-btns__btn:hover{color:#4682b4}.tweet-btns__bookmark{animation:removeBookmark .2s ease-in-out alternate forwards}.tweet-btns__bookmark--active{animation:addBookmark .1s ease-in-out alternate forwards}.tweet-btns__like{animation:unlike .2s ease-in-out alternate forwards}.tweet-btns__like--active small,.tweet-btns__like--active svg{animation:like .1s ease-in-out alternate forwards}.avatar{background-color:#4682b4;border-radius:50%}.avatar__small{width:3em;height:3em}.avatar__small svg{font-size:1.2em}.avatar__large{width:8em;height:8em}.avatar__large svg{font-size:1.7em}.avatar svg{color:#fff}.avatar img{object-fit:cover;width:100%;height:100%;border-radius:50%}.tweet-delete-modal{position:fixed;inset:0;background-color:rgba(48,64,77,.3215686274509804);z-index:3}.tweet-delete-modal__wrapper{font-size:.9em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--ui-bg);width:20em;padding:2em;border-radius:1em}.tweet-delete-modal p{font-weight:200;color:#c9c9c9}.tweet-delete-modal__btns{margin:.5em 0}.tweet-delete-modal__btns button{border-radius:20px;padding:1em;margin:.5em 0;color:#fff}.tweet-delete-modal__btns button.delete{background-color:red}.tweet-delete-modal__btns button.cancel{background-color:initial;border:1px solid #fff}.spinner{width:100%;padding:1em 0}.spinner .spin{border-radius:50%;border:2px solid #4682b4;border-right-color:transparent;width:3em;height:3em;animation:spin .4s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.layout{position:relative;margin-bottom:3em}.layout .header{border-bottom:1px solid var(--ui-border);width:100%;padding:1em;position:sticky;top:0;background-color:var(--ui-bg-elevated);z-index:3}.layout .header svg{font-size:1.2em}@media (min-width:40em){.layout{margin:0}.layout main{flex:3 1;overflow-y:auto;height:100vh}}.notification{font-size:1em;width:100%;margin:auto;padding:1.3em 2em;border-bottom:1px solid hsla(0,0%,86.3%,.175);cursor:pointer}.notification svg{font-size:1.6em;margin-right:.6em}.notification:hover{background-color:hsla(0,0%,86.3%,.175)}.sidebar-right{display:none}.sidebar-right input{width:90%;height:4em;border-radius:40px;border:none;padding:0 1em;background-color:#253341;color:#fff}.sidebar-right input:focus{outline:3px solid #4682b4}.sidebar-right input::placeholder{color:#4f5e6c;font-size:1.2em}.sidebar-right .trends{width:90%;margin:1.3em auto;background-color:#192734;border-radius:15px;padding:1em}.sidebar-right .trends a{color:#4682b4}.sidebar-right .trend{margin:1.5em 0}@media (min-width:40em){.sidebar-right{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:2 1;border-left:1px solid hsla(0,0%,86.3%,.175);height:100vh}}.sidebar-left{position:fixed;bottom:0;left:0;right:0;border-top:1px solid hsla(0,0%,86.3%,.175);padding:.6em 2em;background-color:var(--ui-bg);z-index:10}.sidebar-left__card{display:none}.sidebar-left__link{color:#fff}.sidebar-left__link--list,.sidebar-left__link--notification,.sidebar-left__link--tweet,.sidebar-left__link--twitter{display:none}.sidebar-left__icon{font-size:1.6em}.sidebar-left__modal,.sidebar-left__text{display:none}@media (min-width:40em){.sidebar-left{position:relative;height:100vh;justify-content:flex-start;flex-direction:column;border-right:1px solid hsla(0,0%,86.3%,.175);flex:1.1 1;padding:.2em 4em 0 1em}.sidebar-left__modal{display:flex;position:absolute;z-index:2;width:300px;padding:1em 0;border-radius:20px;background-color:var(--ui-bg);box-shadow:0 0 10px hsla(0,0%,86.3%,.175);bottom:4em;left:1em;visibility:hidden;transition:.1s}.sidebar-left__modal a{color:#fff}.sidebar-left__modal button{text-align:left;background-color:initial;color:#fff;font-size:1em;padding:1em 1.2em}.sidebar-left__modal button:hover{background-color:var(--ui-bg-elevated)}.sidebar-left__modal.opened{visibility:visible;bottom:6.2em}.sidebar-left__card{position:absolute;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;bottom:1.2em;left:50%;transform:translateX(-50%);padding:.5em .7em;cursor:pointer;width:90%;border-radius:40px}.sidebar-left__card:hover{background-color:#2c3640}.sidebar-left__card--info{margin-left:.9em}.sidebar-left__card--info h3{font-size:1em}.sidebar-left__link{padding:.8em;display:flex;align-items:center;transition:.1s;border-radius:30px}.sidebar-left__link.active{color:#4682b4}.sidebar-left__link:hover{background-color:var(--ui-bg-elevated)}.sidebar-left__link--tweet{background-color:#4682b4;justify-content:center;padding:.8em 0;margin-top:1em}.sidebar-left__link--tweet:hover{background-color:#4682b4;opacity:.8;color:#fff}.sidebar-left__icon{font-size:1.7em;margin:0 .8em 0 0}.sidebar-left__text{display:block;font-size:1.2em;font-weight:500}}.tweet{position:relative;align-self:center;width:100%;height:auto;letter-spacing:.3px;padding:1em;border-bottom:1px solid hsla(0,0%,86.3%,.175);cursor:pointer;opacity:1;animation:fadeIn .1s ease-in-out}.tweet:hover{background-color:var(--ui-bg-elevated)}.tweet__retweet{border:1px solid hsla(0,0%,86.3%,.175);border-radius:15px;margin:.5em 0}.tweet__side--left{flex:1 1}.tweet__side--right{flex:7 1}.tweet__profile{font-size:1em;color:#4f5e6c;font-size:.9em}.tweet__profile--name{font-weight:400;color:#fff}.tweet__profile--name:hover{text-decoration:underline}.tweet__profile--username{margin:0 .5em}.tweet__body{font-family:"Poppins";font-size:.9em;font-weight:200;margin:.5em 0;color:#fff}.tweet__icons{position:relative}.profile-card{padding-bottom:1em}.profile-card__banner{width:100%;height:13em;background:#4c5d69}.profile-card__banner img{width:100%;height:100%}.profile-card__bio{padding:0 1em 1em;border-bottom:1px solid hsla(0,0%,86.3%,.175)}.profile-card__bio h3{margin-top:.6em}.profile-card__bio small{color:#4c5d69}.profile-card__bio ul{list-style:none;margin-top:.6em;margin-left:-.2em}.profile-card__bio ul li{margin-right:.6em;font-size:.9em}.profile-card__bio ul li svg{margin-right:.3em}.profile-card__bio--img{margin-top:-12%}.profile-card__bio--follow p{color:#4c5d69;margin:.4em 1.3em 0 0}.profile-card__bio--follow span{display:inline-block;color:#fff;font-weight:500}.profile-card__tweets{padding:1em 0}.profile-card__tweets,.tweet-form{width:100%;border-bottom:1px solid hsla(0,0%,86.3%,.175)}.tweet-form__img{margin:1.7em 1em}.tweet-form__form{width:100vw}.tweet-form__form textarea{font-family:"Poppins";font-size:1.2em;margin:1em 0;width:100%;height:200px;padding:1em 0;background-color:var(--ui-bg);color:#fff;resize:none}.tweet-form__form textarea ::placeholder{position:absolute;font-family:"Poppins";font-size:1.2em;font-weight:500}.tweet-form__form ul{list-style:none}.tweet-form__form ul svg{font-size:1.2em;color:#4682b4;margin:0 .3em}.tweet-form__form button{padding:.7em 1.4em;border-radius:20px;background-color:#4682b4;color:#fff;cursor:pointer;margin:1em}.auth{color:#fff}.auth h2,.auth p{margin:.6em 0}.auth img{display:none;flex:2 1;object-fit:cover}.auth__form{width:90%}@media (min-width:40em){.auth__form{width:auto}}.auth__form--wrapper{flex:2 1;width:100%}.auth__form input{width:100%;height:4em;border-radius:5px;border:none;padding:0 1em}@media (min-width:40em){.auth__form input{width:25em}}.auth__form input:not([type=submit]){margin:.6em 0}.auth__form input:not([type=submit]):focus{outline:3px solid #4682b4}.auth__form input[type=submit]{background-color:#4682b4;color:#fff;cursor:pointer;margin:1em 0}@media (min-width:40em){.auth img{display:block;height:100vh}}.upload-form{position:relative}.upload-form img{width:5em;height:5em}.upload-form input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.upload-form div{border:3px dotted hsla(0,0%,86.3%,.175);padding:1em 2em}@media (min-width:40em){.home .tweet-form{width:100%;border-bottom:1px solid hsla(0,0%,86.3%,.175)}.home .tweet-form textarea{height:5em}}.explore img{width:100%}.notification svg{font-size:1.7em;flex:1 1}.notification p{flex:20 1}.view-wrapper{width:20em;margin-top:3em}.view-wrapper p{font-weight:200;color:grey}.tweet__replies{text-align:center;border-bottom:1px solid hsla(0,0%,86.3%,.175);padding:1em 0}.chat-list-card{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #eee;cursor:pointer;transition:background .2s ease}.chat-list-card:hover{background-color:#f5f8fa}.chat-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;margin-right:16px}.chat-info{flex:1 1;overflow:hidden;margin-left:12px}.chat-name{font-size:16px;margin:0;font-weight:600;color:#393939}.chat-last-message,.chat-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-last-message{font-size:14px;color:#747474;margin:4px 0 0}.chat-meta{display:flex;flex-direction:column;align-items:flex-end;min-width:75px}.chat-time{font-size:12px;color:#888}.chat-unread-badge{background-color:#007bff;color:#fff;border-radius:12px;padding:2px 6px;font-size:12px;margin-top:6px}.chat-message-card{display:flex;flex-direction:column;margin:10px}.chat-message-card.sent{align-self:flex-end;text-align:right;align-items:end}.chat-message-card.received{align-self:flex-start;text-align:left;align-items:start}.sender-name{margin-bottom:4px;color:#555;font-size:.9rem}.message-bubble{background-color:#f1f1f1;padding:10px 15px;border-radius:20px;position:relative;color:var(--ui-bg);max-width:70%}.chat-message-card.sent .message-bubble{background-color:#29343f;color:#fff}.message-text{margin:0;word-break:break-word}.timestamp{font-size:.75rem;color:hsla(0,0%,100%,.6);margin-top:4px;display:block}.chat-inbox{display:flex;flex-direction:column;height:100vh}.chat-header{padding:16px;background-color:var(--ui-bg-elevated)}.chat-title{margin:0;font-size:18px;font-weight:600;color:#fff}.chat-message-list{flex:1 1;overflow-y:auto;padding:16px;background-color:var(--ui-bg);scroll-behavior:smooth}.chat-message-list::-webkit-scrollbar{width:6px}.chat-message-list::-webkit-scrollbar-track{background:transparent}.chat-message-list::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.2);border-radius:3px}.chat-message-list{scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.2) transparent}.chat-input-form{display:flex;padding:10px;background-color:#fff;border-top:1px solid #ddd;position:sticky;bottom:0;z-index:10}.chat-input{flex:1 1;padding:10px 15px;font-size:1rem;border:1px solid #ccc;border-radius:25px;margin-right:10px;outline:none}.chat-send-btn{padding:10px 20px;background-color:var(--ui-bg);color:#fff;border:none;border-radius:25px;cursor:pointer;transition:background-color .3s ease}.chat-send-btn:hover{background-color:var(--ui-bg-elevated)}.image-grid{display:grid;grid-gap:6px;gap:6px;max-width:600px;margin:20px auto;border-radius:8px;overflow:hidden}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:3fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"main side1" "main side2"}.grid-3 .grid-item:first-child{grid-area:main}.grid-3 .grid-item:nth-child(2){grid-area:side1}.grid-3 .grid-item:nth-child(3){grid-area:side2}.grid-4{grid-template-columns:2fr 1fr;grid-template-rows:repeat(2,1fr);grid-template-areas:"main right1" "main right2"}.grid-4 .grid-item:first-child{grid-area:main}.grid-4 .grid-item:nth-child(2){grid-area:right1}.grid-4 .grid-item:nth-child(3){grid-area:right2}.grid-4 .grid-item:nth-child(4){position:relative}.grid-item{position:relative;width:100%;height:100%}.grid-item img{width:100%;height:100%;object-fit:cover;display:block;border-radius:6px}.overlay{position:absolute;right:0;bottom:0;background:rgba(0,0,0,.6);color:#fff;font-size:24px;font-weight:700;border-radius:6px}.custom-modal-overlay,.overlay{top:0;left:0;display:flex;align-items:center;justify-content:center}.custom-modal-overlay{position:fixed;width:100%;height:100%;background:rgba(10,10,10,.85);z-index:9999;animation:fadeIn .3s ease-in-out}.custom-modal{position:relative;background:var(--ui-bg-accented);border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.3);max-width:90%;max-height:90%;padding:20px;overflow:hidden;animation:scaleIn .3s ease-in-out;display:flex;flex-direction:column;grid-gap:12px;gap:12px}.modal-image-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.modal-image{max-height:70vh;width:auto;max-width:100%;border-radius:12px;transition:transform .3s ease}.modal-close-btn,.modal-delete-btn{position:absolute;top:10px;background:#1e5887;border:none;border-radius:60%;padding:4px;color:#ddd;cursor:pointer;z-index:1;box-shadow:0 0 5px rgba(0,0,0,.2)}.modal-close-btn{right:10px}.modal-delete-btn{right:50px}.modal-nav-buttons .nav-btn{position:absolute;top:50%;transform:translateY(-50%);font-size:28px;background:var(--ui-bg-elevated);border:none;border-radius:50%;padding:8px 14px;cursor:pointer;font-weight:700;color:var(--ui-bg-inverted)}.modal-nav-buttons .left{left:10px}.modal-nav-buttons .right{right:10px}.modal-thumbnails{display:flex;grid-gap:8px;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:10px}.thumbnail{width:60px;height:60px;object-fit:cover;border-radius:8px;cursor:pointer;opacity:.6;border:2px solid transparent;transition:.3s ease}.thumbnail.active,.thumbnail:hover{opacity:1;border-color:#007bff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95)}to{transform:scale(1)}}
/*# sourceMappingURL=main.664f0122.chunk.css.map */