.metaRenderer{width:100%;padding:var(--spacing-sm)0;flex-direction:column;justify-content:center;align-items:center;display:flex}.metaRenderer .lettersContainer{width:100%}.metaRenderer .lettersContainer .groupWrapper{width:100%;margin-bottom:var(--spacing-xl)}.metaRenderer .lettersContainer .groupWrapper:last-child{margin-bottom:0}.metaRenderer .lettersContainer .groupWrapper .groupWrapperHeader{width:100%;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--primary-active-color);align-items:center;display:flex}.metaRenderer .lettersContainer .groupWrapper .groupWrapperHeader .letter{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--primary-text-color);padding:0 var(--spacing-sm);background:linear-gradient(135deg,var(--primary-active-color),var(--glow-color-end));-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.metaRenderer .lettersContainer .groupWrapper .items{gap:var(--spacing-sm);flex-wrap:wrap;align-items:center;width:100%;display:flex}.metaRenderer .lettersContainer .groupWrapper .items .metaWidgetItem{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-md);background-color:var(--tertiary-background-color);color:var(--primary-text-color);cursor:pointer;font-size:.875rem;font-weight:var(--font-weight-medium);border:1px solid #0000;border-radius:1.5rem;min-height:36px;text-decoration:none;transition:all .2s;display:inline-flex}.metaRenderer .lettersContainer .groupWrapper .items .metaWidgetItem:hover{background-color:var(--quaternary-background-color);border-color:var(--primary-active-color);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.metaRenderer .lettersContainer .groupWrapper .items .metaWidgetItem:hover .metaWidgetItemName{color:var(--primary-active-color)}.metaRenderer .lettersContainer .groupWrapper .items .metaWidgetItem:hover .metaWidgetItemCount{background-color:var(--primary-active-color);color:var(--primary-button-link-text-color)}.metaRenderer .lettersContainer .groupWrapper .items .metaWidgetItem .metaWidgetItemName{text-overflow:ellipsis;white-space:nowrap;transition:color .2s;overflow:hidden}.metaRenderer .lettersContainer .groupWrapper .items .metaWidgetItem .metaWidgetItemCount{min-width:24px;height:24px;padding:0 var(--spacing-sm);background-color:var(--quaternary-background-color);color:var(--secondary-text-color);font-size:.75rem;font-weight:var(--font-weight-semibold);border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.metaRenderer .lettersContainer .groupWrapper .items .view-all{background-color:var(--tertiary-background-color);border:1px solid var(--primary-active-color);width:36px;height:36px;color:var(--primary-active-color);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.metaRenderer .lettersContainer .groupWrapper .items .view-all:hover{background-color:var(--primary-active-color);color:var(--primary-button-link-text-color);transform:scale(1.1)}.metaRenderer .lettersContainer .groupWrapper .items .view-all svg{width:20px;height:20px}@media (min-width:768px){.metaRenderer .lettersContainer{-moz-columns:16rem;columns:16rem;-moz-column-gap:var(--spacing-xl);column-gap:var(--spacing-xl)}.metaRenderer .lettersContainer .groupWrapper{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:var(--spacing-lg)}.metaRenderer .lettersContainer .groupWrapper .items .metaWidgetItem{width:100%;min-height:32px;padding:var(--spacing-xs)var(--spacing-md);font-size:.8125rem}.metaRenderer .lettersContainer .groupWrapper .items .metaWidgetItem .metaWidgetItemCount{font-size:.7rem}}@media (max-width:480px){.metaRenderer .lettersContainer .groupWrapper .groupWrapperHeader .letter{font-size:1.25rem}.metaRenderer .lettersContainer .groupWrapper .items{gap:var(--spacing-xs)}.metaRenderer .lettersContainer .groupWrapper .items .metaWidgetItem{padding:var(--spacing-xs)var(--spacing-sm);gap:var(--spacing-sm);font-size:.8125rem}.metaRenderer .lettersContainer .groupWrapper .items .metaWidgetItem .metaWidgetItemCount{min-width:20px;height:20px;font-size:.7rem}.metaRenderer .lettersContainer .groupWrapper .items .view-all{width:32px;height:32px}}
