.empty-state{flex-direction:column;justify-content:center;align-items:center;padding-block:3rem;display:flex}.empty-state__icon-wrap{background:color-mix(in srgb, var(--muted) 30%, transparent);border-radius:9999px;justify-content:center;align-items:center;width:4rem;height:4rem;margin-bottom:1rem;display:flex}.empty-state__default-icon{width:1.75rem;height:1.75rem;color:var(--muted-foreground)}.empty-state__title{font-size:var(--fs-md);color:var(--foreground);margin-bottom:.25rem;font-weight:500}.empty-state__description{font-size:var(--fs-md);color:var(--muted-foreground)}
.metrics-row{gap:1rem;min-width:0;margin-bottom:1.5rem;display:grid}.metrics-row>*{min-width:0}.metrics-row--1,.metrics-row--2{grid-template-columns:minmax(0,1fr)}@media (min-width:40rem){.metrics-row--2{grid-template-columns:repeat(2,minmax(0,1fr))}}.metrics-row--3{grid-template-columns:minmax(0,1fr)}@media (min-width:40rem){.metrics-row--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.metrics-row--3{grid-template-columns:repeat(3,minmax(0,1fr))}}.metrics-row--4{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:48rem){.metrics-row--4{grid-template-columns:repeat(4,minmax(0,1fr))}}