.listing-metrics{color:var(--color-neutral-500);white-space:nowrap;justify-content:flex-end;align-items:center;column-gap:5px;font-size:11px;font-weight:400;line-height:14px;transition:opacity .2s;display:flex}.listing-metrics.is-awaiting{visibility:hidden;opacity:0}@media (prefers-reduced-motion:reduce){.listing-metrics{transition:none}}.listing-metrics-info{color:#9ca3af;cursor:pointer;border-radius:50%;align-items:center;font-size:14px;line-height:1;display:inline-flex;position:relative}.listing-metrics-info:hover,.listing-metrics-info:focus{color:#4b5563;outline:none}.listing-metrics-info:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.listing-metrics-tooltip{text-align:left;white-space:normal;z-index:30;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:270px;max-width:calc(100vw - 2rem);padding:12px 14px;display:none;position:absolute;bottom:calc(100% + 8px);right:-6px;box-shadow:0 4px 16px #0000001f}.listing-metrics-info:hover .listing-metrics-tooltip,.listing-metrics-info:focus .listing-metrics-tooltip{display:block}.listing-metrics-tooltip strong{color:#111827;margin-bottom:4px;font-size:13px;font-weight:600;line-height:1.3;display:block}.listing-metrics-tooltip span{color:#6b7280;font-size:12px;line-height:1.5;display:block}.listing-metrics-tooltip span+strong{margin-top:8px}.listing-metrics.cards-single-info-views{font-size:12px;line-height:16px}.cards-item.has-metrics,.aside-lawyer-card.has-metrics{--listing-metrics-inset:12px;--listing-metrics-band:32px}.cards-item.full.has-metrics{--listing-metrics-band:34px}.cards-item.has-metrics.has-metrics.has-metrics,.aside-lawyer-card.has-metrics.has-metrics.has-metrics{padding-bottom:var(--listing-metrics-band)!important}.cards-item-metrics{right:var(--listing-metrics-inset);bottom:var(--listing-metrics-inset);position:absolute}.cards-item-metrics .listing-metrics-info{z-index:2}.cards-item-metrics .listing-metrics-info:hover,.cards-item-metrics .listing-metrics-info:focus{z-index:20}.cards-item.full.has-metrics .cards-item-info-wrap~.cards-item-arrow-full{bottom:var(--listing-metrics-band)!important}.cards-item:hover .listing-metrics,.cards-item:hover .listing-metrics-info,.aside-lawyer-card:hover .listing-metrics,.aside-lawyer-card:hover .listing-metrics-info{color:var(--color-neutral-400)}
