.microposts-intro{font-size:.9rem;margin-bottom:2rem;font-style:italic;opacity:.7;text-align:center}.microposts-feed{list-style:none;margin:0;padding:0 0 0 2.4rem;display:flex;flex-direction:column;gap:14px;max-width:640px;position:relative}.microposts-feed::before{content:"";position:absolute;left:12px;top:0;bottom:0;z-index:0;width:2px;transform:translateX(-50%);background:linear-gradient( to bottom,rgba(120,140,180,.15),rgba(120,140,180,.4),rgba(120,140,180,.15) );border-radius:999px}.micropost{position:relative;border-radius:10px;padding:14px 16px 12px;background:#f5f5f5;border:1px solid #d0d0d0}.micropost::before{content:"";position:absolute;left:calc(11px - 2.4rem);top:18px;z-index:1;width:10px;height:10px;border-radius:999px;transform:translateX(-50%);background:#7c8aa5;border:2px solid #f5f5f5;box-shadow:0 0 0 3px rgba(124,138,165,.15)}.micropost-ts{font-family:monospace;font-size:.72rem;margin:0 0 .6rem;display:flex;align-items:center;gap:.4rem;opacity:.5}.micropost-ts a{color:inherit;text-decoration:none}.micropost-ts a:hover{opacity:.9}.micropost-body{font-size:.95rem;line-height:1.7;margin:0}.micropost-body p{margin:0 0 .5em}.micropost-body p:last-child{margin:0}@media(prefers-color-scheme:dark){.microposts-feed::before{background:linear-gradient( to bottom,rgba(88,166,255,8%),rgba(88,166,255,.3),rgba(88,166,255,8%) )}.micropost{background:#161b22;border-color:#2a3441}.micropost::before{background:#58a6ff;border-color:#161b22;box-shadow:0 0 0 3px rgba(88,166,255,.12)}}body.dark .micropost,.dark .micropost{background:#161b22;border-color:#2a3441}body.dark .microposts-feed::before,.dark .microposts-feed::before{background:linear-gradient( to bottom,rgba(88,166,255,8%),rgba(88,166,255,.3),rgba(88,166,255,8%) )}body.dark .micropost::before,.dark .micropost::before{background:#58a6ff;border-color:#161b22;box-shadow:0 0 0 3px rgba(88,166,255,.12)}