.skeleton{gap:var(--skeleton-gap,var(--space-3));animation:skeleton-in var(--dur-material) var(--ease-material) calc(var(--dur-4) * .8) both;display:grid;container:skeleton/inline-size}.skeleton--cool{--skeleton-bar:var(--line)}.skeleton__bar{inline-size:var(--skeleton-w,100%);block-size:var(--skeleton-h,.75rem);border-radius:var(--radius-pill);background:var(--skeleton-bar,color-mix(in srgb, var(--cream) 91%, color-mix(in srgb, var(--orange-d) 55%, var(--ink))));display:block;position:relative;overflow:hidden}.skeleton__bar--title{--skeleton-h:1.375rem;border-radius:var(--radius-sm)}.skeleton__bar--pill{--skeleton-h:2.75rem}.skeleton__bar--block{--skeleton-h:4rem;border-radius:var(--radius-xs)}.skeleton__bar:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--paper) 85%, transparent), transparent);animation:skeleton-sweep calc(var(--dur-4) * 4) var(--ease-material) calc(var(--stagger) * 5 * var(--skeleton-i,0)) infinite;position:absolute;inset:0;transform:translate(-100%)}.skeleton__media{align-items:center;gap:var(--space-3);grid-template-columns:4rem minmax(0,1fr);display:grid}.skeleton__stack{gap:var(--space-2);display:grid}.skeleton__pair{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));display:grid}.skeleton__table{container:skeleton/inline-size}.skeleton__row{grid-template-columns:repeat(var(--skeleton-cols,4), minmax(0, 1fr));align-items:center;gap:var(--space-4);padding-block:var(--space-4);border-block-start:1px solid var(--skeleton-rule,var(--line));display:grid}.skeleton__head{padding-block:var(--space-2);color:var(--ink-2);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;border-block-start:0;font-weight:700}@container skeleton (max-width:40rem){.skeleton__row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.skeleton__row>:nth-child(n+3){display:none}}@keyframes skeleton-in{0%{opacity:0}}@keyframes skeleton-sweep{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.skeleton{animation-duration:0s}.skeleton__bar:after{background:color-mix(in srgb, var(--paper) 35%, transparent);animation:none;transform:none}}