:root{--blog-thumbnail-small:40px;--blog-thumbnail-large:65px}.blog-list-item{position:relative;margin-bottom:var(--spacing-medium);transition:var(--animation-shift-transition)}.blog-list-item:before{content:"";display:block;position:absolute;left:0;top:0;width:2px;background:var(--very-dim);height:100%}.blog-list-item:focus,.blog-list-item:hover{transform:var(--animation-shift-transform)}.blog-list-item:focus:before,.blog-list-item:hover:before{width:3px;background:var(--html-blue)}@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{width:2px;background:var(--very-dim)}}.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{z-index:var(--z-index-low);content:"";display:block;position:absolute;inset:0}.blog-list-item__time{display:none}.blog-list-item__content{display:flex;align-items:center;padding-left:var(--spacing-medium)}.blog-list-item__details{padding-left:var(--spacing-medium);border-left:2px solid var(--very-dim);margin-bottom:var(--spacing-medium)}.blog-list-item__image{display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:0 0;object-position:0 0;height:var(--blog-thumbnail-small);width:var(--blog-thumbnail-small);margin-right:var(--spacing-smaller)}.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{position:absolute;display:block;left:0;top:0}}.blogs-list{grid-column:var(--grid-content)}@media(min-width:720px){.blogs-list{grid-column:var(--grid-content-smallest)}}