.site-popular-widget {
    --counter-color: var(--global--color-gray-400)
}
.site-popular-widget.blogmarks-is-counter-accent {
    --counter-color: var(--global--color-accent)
}
.site-popular-widget .entry-counter {
    font: italic 700 1.8rem/1.4 var(--heading--font-family);
    text-align: center;
    flex-shrink: 0
}
.site-popular-widget .entry-counter:where(.style_1,.style_2,.style_3) {
    font-size: 3rem;
    color: var(--counter-color)
}
.site-popular-widget .entry-counter.style_2::after {
    content: "";
    background-color: var(--counter-color);
    width: 6px;
    height: 6px;
    display: inline-block;
    margin-left: 4px
}
.site-popular-widget.blogmarks-border-popular-spotlight .site-popular-spotlight {
    padding-bottom: 1.5rem;
    border-bottom: 3px solid var(--global--color-gray-400);
    margin-bottom: 3rem;
}
.site-popular-widget .entry-counter.style_3 {
    border-right: 1px solid var(--global--color-gray-400);
    padding-right: 1.6rem
}
.site-popular-widget .entry-counter:where(.style_4,.style_5) {
    --counter-color: var(--global--color-gray-100);
    --text-color: #191a1f;
    width: 2.6rem;
    height: 2.6rem;
    line-height: 2.6rem;
    padding: 1rem;
    color: var(--text-color);
    background: var(--counter-color);
    box-sizing: content-box
}
.site-popular-widget.blogmarks-is-counter-accent .entry-counter:where(.style_4,.style_5) {
    --counter-color: var(--global--color-accent);
    --text-color: #fff
}
.site-popular-widget .entry-counter.style_5 {
    border-radius: 100%
}
.site-popular-widget > div:not(:first-child) {
    margin-top: 2rem
}
.site-popular-widget .site-popular-spotlight .entry-image img {
    width: 100%
}
.site-popular-widget .site-popular-spotlight .entry-image {
    margin-top: 0;
    margin-bottom: 2rem
}
.site-general-widgetarea .site-popular-widget .site-popular-spotlight .entry-title {
    font-size: var(--site--font-size-medium);
}
.site-popular-widget .site-popular-spotlight .entry-title {
    font-size: var(--site--font-size-big);
}
.site-popular-widget.blogmarks-big-popular-spotlight .site-popular-spotlight .entry-counter:where(.style_1,.style_2,.style_3) {
    font-size: 4rem
}
.site-popular-widget.blogmarks-big-popular-spotlight .site-popular-spotlight .entry-counter:where(.style_4,.style_5) {
    font-size: 2.6rem;
    width: 3.2rem;
    height: 3.2rem;
    line-height: 3.2rem
}
.site-popular-widget .site-popular-spotlight .entry-categories-wrapper .entry-categories {
    margin-bottom: .6rem
}
.site-popular-widget .site-popular-spotlight .entry-meta-list {
    padding-top: .6rem
}
.has-inverted-items .site-list-post .entry-counter {
    order: 2;
}