.archive-collection-metrics{border-block-start:1px solid #4f765d;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:10px;padding-block-start:12px;display:grid}.archive-collection-metrics>div{min-inline-size:0}.archive-collection-metrics .app-metric-card.app-metric-card{--app-metric-card-surface-start:#010704;--app-metric-card-surface-end:#040d08;--app-metric-card-value-color:#39ff88;background-color:#040d08;background-image:linear-gradient(#63ffa80a 1px,#0000 1px),linear-gradient(90deg,#63ffa808 1px,#0000 1px),linear-gradient(145deg,#010704,#040d08);background-size:14px 14px,14px 14px,auto;border-color:#476d55}.archive-collection-metrics .app-metric-card.app-metric-card.app-metric-card--muted{--app-metric-card-value-color:#ebf6ecc7}.archive-collection-metrics .app-metric-card.app-metric-card.app-metric-card--warning{--app-metric-card-value-color:#ffd86a}.archive-collection-metrics .app-metric-card.app-metric-card.app-metric-card--danger{--app-metric-card-value-color:#ff8f8f}.archive-collection-metrics .app-metric-card.app-metric-card.is-loading{--app-metric-card-value-color:#d6ecd88c}.archive-collection-metrics .app-metric-card.app-metric-card .app-metric-card__label{color:#b5dbc3;text-transform:uppercase}.archive-collection-metrics .app-metric-card.app-metric-card .app-metric-card__value,.archive-collection-metrics .app-metric-card.app-metric-card .app-metric-card__value *{color:var(--app-metric-card-value-color);-webkit-text-fill-color:var(--app-metric-card-value-color)}.archive-collection-metrics .app-metric-card.app-metric-card{--app-metric-card-value-color:#7dffb5;--app-metric-card-min-height:104px;--app-metric-card-padding:10px 8px;--app-metric-card-value-size:26px;--app-metric-card-label-size:12.5px;--app-metric-card-label-spacing:0;--app-metric-card-label-line-height:1.4;--app-metric-card-gap:8px;border:1px solid #487657;border-radius:8px;box-shadow:inset 0 1px #ffffff0a}.archive-collection-metrics .app-metric-card__value{white-space:normal;text-overflow:clip;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;line-height:1.3;display:flex;overflow:visible}.archive-collection-metrics .app-metric-card__value bdi{overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}.archive-collection-metrics .app-metric-card__label{white-space:normal;text-overflow:clip;font-weight:800;overflow:visible}.archive-collection-metrics__icon{--app-metric-card-value-color:var(--archive-metric-icon,#7dffb5);block-size:28px;inline-size:28px;color:var(--archive-metric-icon,#7dffb5);flex:none;place-items:center;display:grid}.archive-collection-metrics svg{flex:none;block-size:26px;inline-size:26px;margin:0;display:block}.archive-collection-metrics [data-metric=sources]{--archive-metric-icon:#7dffb5}.archive-collection-metrics [data-metric=comments]{--archive-metric-icon:#6fe3f2}.archive-collection-metrics [data-metric=likes]{--archive-metric-icon:#5dff9d}.archive-collection-metrics [data-metric=dislikes]{--archive-metric-icon:#ffc24d;--middle-finger-detail:#040d08}.archive-collection-metrics [data-metric=views]{--archive-metric-icon:#94c9ff}.archive-collection-metrics [data-metric=viewing]{--archive-metric-icon:#8cf5b9}.archive-collection-metrics .is-live .app-metric-card{border-color:#52ad75}.archive-collection-metrics__live-cue{color:#9cf4bc;align-items:center;gap:4px;margin-inline-start:5px;font-size:11px;font-weight:800;display:inline-flex}.archive-collection-metrics__live-cue:before{content:"";background:currentColor;border-radius:50%;block-size:5px;inline-size:5px}@container (min-width:400px){.archive-collection-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (max-width:340px){.archive-collection-metrics .app-metric-card.app-metric-card{--app-metric-card-label-size:10.5px;--app-metric-card-padding:8px 4px}.archive-collection-metrics .app-metric-card__label{letter-spacing:0}}@container (min-width:840px){.archive-collection-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.archive-collection-metrics .app-metric-card{--app-metric-card-value-size:28px}}@media (hover:hover) and (pointer:fine){.archive-collection-row:hover .archive-collection-metrics .app-metric-card{border-color:#8cf5b9;box-shadow:inset 0 0 14px #39ff8824,inset 0 1px #ffffff12}.archive-collection-row:hover .archive-collection-metrics .is-live .app-metric-card{border-color:#80dfa1}}