@keyframes badgePulse{0%,to{background-color:var(--primary)}50%{background-color:#9947eb}}@keyframes borderPulse{0%,to{border-color:var(--primary)}60%{border-color:#9947eb}}li.post-preview{display:flex;padding:var(--sp-4) 0;flex-wrap:wrap;position:relative}li.post-preview.pinned{margin:var(--sp-4) 0;border:1px solid var(--primary);border-top:10px solid var(--primary);border-bottom:10px solid var(--primary);padding:var(--sp-2);animation:borderPulse 5s ease-in-out infinite;box-shadow:0 0 10px 0 var(--primary)}@media(min-width:768px){li.post-preview.pinned{border-left:1px solid var(--primary);border:1px solid var(--primary);border-left-width:10px;padding-left:var(--sp-1)}}li.post-preview.pinned .badge{position:absolute;top:-35px;left:-1px;background-color:var(--primary);color:var(--white);padding:var(--sp-1);cursor:help;text-transform:uppercase;animation:badgePulse 5s ease-in-out infinite}@media(min-width:768px){li.post-preview.pinned .badge{top:unset;bottom:0}li.post-preview.pinned>time{width:14rem}li.post-preview{flex-wrap:nowrap}}li.post-preview>time{display:flex;margin-bottom:var(--sp-3);flex-direction:column}@media(min-width:768px){li.post-preview>time{margin-bottom:0;width:16rem}}li.post-preview>time span{margin-top:var(--sp-05);color:var(--secondary)}li.post-preview>div:last-child{width:100%}@media(min-width:768px){li.post-preview>div:last-child{flex-grow:1}}li.post-preview>div:last-child h2{margin-top:0;margin-bottom:var(--sp-1);color:var(--text-base-content)}li.post-preview>div:last-child>div{display:flex;flex-wrap:wrap;gap:var(--sp-1)}li.post-preview>div:last-child>div>a{font-size:.875rem;line-height:1.25rem;font-weight:500;text-transform:uppercase;color:var(--primary)}li.post-preview>div:last-child>div>a:hover{text-decoration:underline}li.post-preview>div:last-child p{margin-top:var(--sp-3);line-height:1.625}li.post-preview>div:last-child>a:last-child{display:inline-flex;margin-top:var(--sp-2);align-items:center;color:var(--primary)}li.post-preview>div:last-child>a:last-child svg{margin-left:var(--sp-1);width:1rem;height:1rem}ul.posts-list{border-top:1px solid var(--border);margin:var(--sp-4) 0;padding:0}
