.metric-summary{display:flex;flex-wrap:wrap;align-items:flex-start;gap:0;margin:0;padding:16px 24px;background:var(--gray-a2);border-radius:16px}.metric-summary--overview{margin-bottom:var(--space-6)}.metric-summary__group{position:relative;flex:1 1 0;min-width:0;padding-inline:24px;padding-inline-start:54px}.metric-summary__group:first-child{padding-inline-start:30px}.metric-summary__group:last-child{padding-inline-end:0}.metric-summary__group+.metric-summary__group{border-inline-start:1px solid var(--gray-a4)}.metric-summary__group--scale{flex-grow:1.5}.metric-summary__label{margin:0 0 6px;color:var(--gray-11);font-family:var(--heading-font-family);font-weight:400;font-size:18px;line-height:1.25}.metric-summary--overview .metric-summary__label{font-size:16px;font-weight:600;line-height:24px;color:var(--gray-10)}.metric-summary__icon{display:block;position:absolute;inset-inline-start:24px;top:3px;color:var(--gray-10)}.metric-summary__group:first-child .metric-summary__icon{inset-inline-start:0}.metric-summary__values{display:flex;flex-direction:column;gap:8px;margin:0}.metric-summary__value{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;width:fit-content;max-width:100%;font-size:16px;font-weight:500;line-height:1.4}.metric-summary__text{overflow-wrap:anywhere}.metric-summary__indicator{display:inline-flex;align-items:center;flex-shrink:0;gap:4px}.metric-summary__dot{width:9px;height:9px;border-radius:50%}.metric-summary__bar{width:7px;height:7px;border-radius:2px}.metric-summary--compact,.metric-summary--small{border:1px solid var(--gray-a3);border-radius:8px;width:100%}.metric-summary--compact .metric-summary__group{padding-inline:16px;padding-inline-start:40px}.metric-summary--compact .metric-summary__group:first-child{padding-inline-start:24px}.metric-summary--compact .metric-summary__group:last-child{padding-inline-end:0}.metric-summary--compact .metric-summary__label{font-size:16px}.metric-summary--compact .metric-summary__icon{width:16px;height:16px;inset-inline-start:16px}.metric-summary--compact .metric-summary__group:first-child .metric-summary__icon{inset-inline-start:0}.metric-summary--compact .metric-summary__value{font-size:14px}.metric-summary--compact .metric-summary__dot,.metric-summary--small .metric-summary__dot{width:6px;height:6px}.metric-summary--compact .metric-summary__bar,.metric-summary--small .metric-summary__bar{width:5px;height:5px}.metric-summary--compact .metric-summary__indicator,.metric-summary--small .metric-summary__indicator{gap:3px}.metric-summary--small{width:550px;max-width:100%;padding:6px 10px;container-type:inline-size}.metric-summary--small .metric-summary__group{flex:1 1 90px;padding:0 10px;border:0}.metric-summary--small .metric-summary__group--scale{flex:1.5 1 250px}.metric-summary--small .metric-summary__group:nth-child(2){flex-basis:140px}.metric-summary--small .metric-summary__group+.metric-summary__group{border-inline-start:1px solid var(--gray-a4)}.metric-summary--small .metric-summary__label{display:flex;align-items:center;gap:5px;font-family:var(--default-font-family);font-size:11px;line-height:1.3;margin:0 0 4px}.metric-summary--small .metric-summary__icon{position:static;width:12px;height:12px;flex-shrink:0}.metric-summary--small .metric-summary__value{font-size:12px;font-weight:400;gap:4px 6px}@media (max-width:880px){.metric-summary--overview{display:block;padding:20px}.metric-summary--overview .metric-summary__group{padding:16px 0 16px 30px;width:100%;border:0}.metric-summary--overview .metric-summary__group:first-child{padding-top:0}.metric-summary--overview .metric-summary__group:last-child{padding-bottom:0}.metric-summary--overview .metric-summary__group+.metric-summary__group{border-top:1px solid var(--gray-a4)}.metric-summary--overview .metric-summary__icon{inset-inline-start:0;top:19px}.metric-summary--overview .metric-summary__group:first-child .metric-summary__icon{top:3px}}@media (max-width:600px){.metric-summary--compact{display:block;padding:12px}.metric-summary--compact .metric-summary__group{padding:12px 0 12px 24px;border:0}.metric-summary--compact .metric-summary__group:first-child{padding-top:0}.metric-summary--compact .metric-summary__group:last-child{padding-bottom:0}.metric-summary--compact .metric-summary__group+.metric-summary__group{border-top:1px solid var(--gray-a4)}.metric-summary--compact .metric-summary__icon{inset-inline-start:0;top:15px}.metric-summary--compact .metric-summary__group:first-child .metric-summary__icon{top:3px}}@container (max-width: 400px){.metric-summary--small .metric-summary__group--scale{border-inline-start:0;border-top:1px solid var(--gray-a4);margin-top:10px;padding-top:10px}}.sticky-detail-nav .compact-meters.metric-summary--multiple-scales{display:none}@media (max-width:1023px){.sticky-detail-nav .compact-meters.metric-summary--small{display:none}}.type-badge{display:inline-flex;align-items:center;gap:6px;min-width:0;flex-shrink:1;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:500}@media (max-width:767px){.type-badge{font-size:11px;padding:2px 8px;gap:4px;svg{width:10px;height:10px}}}