/* Skeleton · the kit rules for this component, quoted from phase-2/kit (kit v3) by phase-4/src/build_pack.py.
   Tokens come from ../../styles.css. Build it as: Skeleton. */
/* base.css */
.skel{display:block;height:10px;border-radius:var(--r-chip);background:hsl(var(--foreground)/.075);animation:kit-skel var(--motion-skeleton)}
/* base.css */
.skel.sq{width:28px;height:28px;border-radius:var(--r-media)}
/* families/status-feedback/family.css */
.sf-sk{display:block;background:hsl(var(--foreground)/.075);border-radius:var(--r-chip);animation:kit-skel var(--motion-skeleton);height:10px}
/* families/status-feedback/family.css */
.sf-sk.h14{height:14px}
/* families/status-feedback/family.css */
.sf-sk.w30{width:30%}
/* families/status-feedback/family.css */
.sf-sk.w40{width:40%}
/* families/status-feedback/family.css */
.sf-sk.w50{width:50%}
/* families/status-feedback/family.css */
.sf-sk.w60{width:60%}
/* families/status-feedback/family.css */
.sf-sk.w70{width:70%}
/* families/status-feedback/family.css */
.sf-sk.w80{width:80%}
/* families/status-feedback/family.css */
.sf-sk.w100{width:100%}
/* families/status-feedback/family.css */
.sf-sk.w16{width:16%}
/* families/status-feedback/family.css */
.sf-sk.w24{width:24%}
/* families/status-feedback/family.css */
.sf-sk.ph3{aspect-ratio:3/4;height:auto;border-radius:var(--r-media);background:hsl(var(--foreground)/.06)}
/* families/status-feedback/family.css */
.sf-sk.th{width:30px;height:40px;border-radius:var(--r-media);flex:none}
/* families/status-feedback/family.css */
.sf-sk.pill{height:22px;width:76px;border-radius:var(--r-chip)}
/* families/status-feedback/family.css */
.sf-skrow{display:grid;grid-template-columns:44px minmax(0,2.4fr) 1fr .6fr 1fr .9fr;gap:var(--s-4);align-items:center;min-height:56px;padding:0 var(--s-4);border-bottom:1px solid hsl(var(--border))}
/* families/status-feedback/family.css */
.sf-skrow:last-child{border-bottom:0}
/* families/status-feedback/family.css */
.sf-skrow.hd{min-height:var(--row-th);background:hsl(var(--muted));font:var(--w-semibold) var(--text-micro)/1 var(--font-voice);font-stretch:var(--font-stretch-title);color:hsl(var(--muted-foreground))}
/* families/status-feedback/family.css */
.sf-skrow .two{display:flex;flex-direction:column;gap:7px}
/* families/status-feedback/family.css */
.sf-skrow:nth-child(3n) .sf-sk{animation-delay:.2s}