.blogpost{display:block;height:100%;color:#000}.blogpost:hover{color:#000;text-decoration:none}@media (max-width:575px){.blogpost{height:auto;margin-bottom:12px}}.blogpost .skeleton{background-color:#d3d3d3;background-image:linear-gradient(90deg,#d3d3d3 0,#e8e8e8 40px,#d3d3d3 80px);background-repeat:no-repeat;background-size:300px;animation:skeleton-loading 1.6s infinite linear}@media (max-width:575px){.blogpost .skeleton{background-image:linear-gradient(90deg,#d3d3d3 0,#e8e8e8 80px,#d3d3d3 160px);background-size:600px;animation:skeleton-loading-sm 1.2s infinite linear}}.blogpost .skeleton--rounded{border-radius:4px}@keyframes skeleton-loading{0%{background-position:-100px}100%,50%{background-position:400px}}@keyframes skeleton-loading-sm{0%{background-position:-200px}100%,50%{background-position:500px}}.blogpost--card{position:relative;display:flex;height:100%;flex-direction:column;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:4px;overflow:hidden}.blogpost--card:hover{background-color:rgba(0,0,0,.01)}.blogpost--image{width:100%;height:160px;min-height:160px}@media (max-width:991px){.blogpost--image{height:120px;min-height:120px}}@media (max-width:575px){.blogpost--image{height:50vw;min-height:50vw}}.blogpost--image img{width:100%;height:100%;object-fit:cover}.blogpost--content{display:flex;flex-direction:column;height:100%;padding:24px 12px 14px 12px}.blogpost--topic{margin-bottom:4px;font-size:14px;line-height:20px;font-weight:700;text-transform:uppercase;color:#08f}.blogpost--title{margin-bottom:12px;font-size:19px;line-height:27px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blogpost--description{margin-bottom:18px;font-size:16px;line-height:22px;font-weight:400;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.blogpost--description *{margin:0;padding:0;font-size:16px;line-height:22px;font-weight:400}@media (min-width:576px) and (max-width:767px){.blogpost--description{-webkit-line-clamp:7}}.blogpost--info{display:flex;align-items:center;margin-top:auto}.blogpost--info__author{margin-right:8px;font-size:14px;line-height:20px;font-weight:400;color:#08f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blogpost--info__date{margin-right:10px;font-size:14px;line-height:20px;font-weight:400;color:#999;white-space:nowrap}.blogpost--info__chevron{margin-left:auto;width:24px;min-width:24px;height:24px;min-height:24px;background:url(../../../gfx/editor/sidebar/chevron-right.svg) no-repeat center center}