.ngr-list {
display: grid;
gap: 16px;
}
.ngr-item {
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 10px;
padding: 16px;
background: #fff;
}
.ngr-header {
display: grid;
grid-template-columns: 48px 1fr;
gap: 12px;
align-items: center;
margin-bottom: 12px;
}
.ngr-avatar {
width: 48px;
height: 48px;
border-radius: 999px;
object-fit: cover;
}
.ngr-author a {
text-decoration: none;
}
.ngr-rating,
.ngr-time {
font-size: 0.9em;
opacity: 0.85;
}
.ngr-content p:last-child {
margin-bottom: 0;
}
.ngr-rating-stars {
display: flex;
gap: 4px;
}
.ngr-rating-stars .star-filled,
.ngr-rating-stars .star-empty {
width: 16px;
height: 16px;
} .ngr-rating-stars .star-filled::before,
.ngr-rating-stars .star-empty::before
{
content: '';
display: inline-block;
width: 16px;
height: 16px;
background: transparent;
clip-path: polygon(
50% 0%,
61% 35%,
98% 35%,
68% 57%,
79% 91%,
50% 70%,
21% 91%,
32% 57%,
2% 35%,
39% 35%
);
}
.ngr-rating-stars .star-filled::before {
background: #ffd700;
}
.ngr-rating-stars .star-empty::before {
background: #e0e0e0;
}
.ngr-rating-stars .star-filled {
color: #ffd700;
font-size: 16px;
}
.ngr-rating-stars .star-empty {
color: #808080;
}
.ngr-rating-number-label {
font-size: 12px;
color: #808080;
}
.ngr-rating-number-value {
font-size: 12px;
color: #808080;
}.gutenberg .block-hidden { display: none !important; } .is-root-container .hide-mobile {opacity: 0.4;}
.is-root-container .hide-tablet {opacity: 0.4;}
.is-root-container .hide-desktop {opacity: 0.4;}
.is-root-container .block-hidden{opacity: 0.2;}