.blogpost-infos-block{--pad:3;margin-top:calc(var(--baseline)*var(--pad))}.blogpost-infos-bar{--h:var(--baseline);--radius:calc(var(--baseline)/2);background-color:var(--color-grey-50);border-radius:var(--radius);height:var(--h)}.blogpost-infos-percentage{background-color:var(--color-orange);border-radius:inherit;height:100%;width:0}.blogpost-infos-reading-time{padding-top:calc(var(--baseline)*2)}