.log-index{display:flex;flex-direction:column;grid-gap:0.25rem;margin:var(--unit-xl) 0;width:100%}.log-index .post-item{border-top:1px solid rgba(0,0,0,0.1)}.log-index .post-item a{align-items:baseline;display:flex;flex-direction:row;grid-gap:1rem;justify-content:space-between;list-style:none;padding:0;text-decoration:none;width:100%}.log-index .post-item a .post-title{flex-grow:1;position:relative;text-overflow:ellipsis;transition:0.2s all ease-in-out}.log-index .post-item a .post-title::before{box-sizing:border-box;content:"";position:absolute;left:-0.25lh;top:0.25lh;height:0.5lh;width:0.5lh;background:black;border:0.5lh solid white;border-radius:0.5lh;transition:0.2s all ease-in-out;z-index:-1}.log-index .post-item a:hover .post-title{padding-left:1em}.log-index .post-item a:hover .post-title::before{border-width:0;left:0}.log-index .post-item a time{color:var(--color-dim);font-size:var(--unit-s)}.log-index .post-item.active{color:var(--color-dim)}.log-index .post-item.active a .post-title{padding-left:1em}.log-index .post-item.active a .post-title::before{box-sizing:border-box;content:"";position:absolute;left:-0.25lh;top:0.25lh;height:0.5lh;width:0.5lh;background:var(--color-gray);border:0;border-radius:0.5lh;transition:0.2s all ease-in-out;z-index:-1}.subscribe{text-decoration:none}.layout--log .log-index{margin-top:28vh}