@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@container (min-width: 880px) { .rv .rv__list { grid-auto-columns: calc((100% - var(--grid-gap) * 2) / 3); }}@container (min-width: 520px) and (max-width: 879.98px) { .rv .rv__list { grid-auto-columns: calc((100% - var(--grid-gap)) / 2); }} .rv { container-type: inline-size; display: flex; flex-direction: column; gap: var(--space-s); width: 100%; min-width: 0; padding: var(--space-m); background-color: var(--accent); border-radius: var(--radius-m);} .rv__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-2xs) var(--space-s);} .rv__title { margin: 0; font-size: var(--text-l); font-weight: var(--weight-bold); line-height: 1.3; color: var(--on-accent);} .rv__score { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--space-3xs) var(--space-2xs); font-size: var(--text-s); line-height: 1.3; color: var(--on-accent); text-decoration: none; border-radius: var(--radius-s);} .rv__score:hover .rv__count { text-decoration: underline;} .rv__score:focus-visible { outline: none; box-shadow: var(--shadow-focus);} .rv__avg { font-size: var(--text-m); font-weight: var(--weight-bold);} .rv__stars { --ert: 5; --rv-star: 1.8rem; flex: none; display: inline-block; width: calc(var(--rv-star) * 5); height: var(--rv-star); background: linear-gradient(90deg, var(--star) calc(var(--ert) * 20%), color-mix(in srgb, var(--neutral-500) 35%, transparent) 0); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.6l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.4l-5.8 3.1 1.1-6.5L2.6 9.4l6.5-.9z'/%3E%3C/svg%3E") left center / var(--rv-star) var(--rv-star) repeat-x; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.6l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.4l-5.8 3.1 1.1-6.5L2.6 9.4l6.5-.9z'/%3E%3C/svg%3E") left center / var(--rv-star) var(--rv-star) repeat-x;} .rv__list { display: grid; grid-auto-flow: column; grid-auto-columns: 86%; gap: var(--grid-gap); margin: 0; padding: 0.4rem 0 var(--space-xs); list-style: none; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scrollbar-width: thin;} .rv-card { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-xs); min-width: 0; padding: var(--space-s); background-color: var(--neutral-0); border-radius: var(--radius-m); scroll-snap-align: start;} .rv-card__text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; margin: 0; font-size: var(--text-s); line-height: 1.5; color: var(--neutral-700); white-space: pre-line; overflow: hidden; overflow-wrap: anywhere;} .rv-card.is-open .rv-card__text { display: block;} .rv-card__more { padding: 0; font: inherit; font-size: var(--text-s); font-weight: var(--weight-bold); color: var(--primary-text); background: none; border: 0; border-radius: var(--radius-s); cursor: pointer;} .rv-card__more:hover { text-decoration: underline;} .rv-card__more:focus-visible { outline: none; box-shadow: var(--shadow-focus);} .rv-card__foot { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--space-3xs) var(--space-xs); width: 100%; margin-top: auto;} .rv-card__name { font-size: var(--text-s); font-weight: var(--weight-bold); color: var(--neutral-900); overflow-wrap: anywhere;} .rv-card__date { font-size: var(--text-xs); color: var(--neutral-500); white-space: nowrap;}