:root{--blog-thumbnail-small:40px;--blog-thumbnail-large:65px}.blog-list-item{margin-bottom:var(--spacing-medium);position:relative;transition:var(--animation-shift-transition)}.blog-list-item:before{background:var(--very-dim);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:2px}.blog-list-item:focus,.blog-list-item:hover{transform:var(--animation-shift-transform)}.blog-list-item:focus:before,.blog-list-item:hover:before{background:var(--html-blue);width:3px}@media (prefers-reduced-motion:reduce){.blog-list-item:focus,.blog-list-item:hover{transform:none}.blog-list-item:focus:before,.blog-list-item:hover:before{background:var(--very-dim);width:2px}}.blog-list-item__pin-badge,.blog-list-item__title{padding-left:var(--spacing-medium)}.blog-list-item--large .blog-list-item__title{margin-bottom:var(--spacing-small)}.blog-list-item__title:after{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;z-index:var(--z-index-low)}.blog-list-item__time{display:none}.blog-list-item__content{align-items:center;display:flex;padding-left:var(--spacing-medium)}.blog-list-item__details{border-left:2px solid var(--very-dim);margin-bottom:var(--spacing-medium);padding-left:var(--spacing-medium)}.blog-list-item__image{display:block;height:var(--blog-thumbnail-small);margin-right:var(--spacing-smaller);-o-object-fit:cover;object-fit:cover;-o-object-position:0 0;object-position:0 0;width:var(--blog-thumbnail-small)}.blog-list-item--large .blog-list-item__image{height:var(--blog-thumbnail-large);width:var(--blog-thumbnail-large)}.blog-list-item__image-container{height:var(--blog-thumbnail-small)}.blog-list-item--large .blog-list-item__image-container{height:var(--blog-thumbnail-large)}@media (min-width:720px){.blog-list-item{margin-bottom:var(--spacing-larger);padding-left:6.25rem}.blog-list-item--large{padding-left:13.5rem}.blog-list-item:before{left:6.25rem}.blog-list-item--large:before{left:11.5rem}.blog-list-item__time{display:block;left:0;position:absolute;top:0}}.blogs-list{grid-column:var(--grid-content)}@media (min-width:720px){.blogs-list{grid-column:var(--grid-content-smallest)}}