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