@layer components{@container (width<=40rem){table[data-table=adaptive] thead{display:none}table[data-table=adaptive] tr{gap:var(--bf-space-1);padding:var(--bf-space-3);border:var(--bf-border-width) solid var(--bf-border);border-radius:var(--bf-radius);background:var(--bf-surface);margin-block-end:var(--bf-space-3);display:grid}table[data-table=adaptive] th,table[data-table=adaptive] td{justify-content:space-between;gap:var(--bf-space-3);text-align:start;border-block-end:0;padding:0;display:flex}table[data-table=adaptive] td:before{content:attr(data-label);font-weight:var(--bf-font-weight-semibold);color:var(--bf-muted)}}@container style(--bf-density:compact){table[data-table=adaptive] tr{padding:var(--bf-space-2);margin-block-end:var(--bf-space-2)}table[data-table=adaptive] th,table[data-table=adaptive] td{font-size:.875rem}}table[data-table=adaptive] caption{font-size:var(--bf-type-cqi-sm)}:where(div,section,main,aside,article,header,footer):has(>table[data-table=adaptive]){container-type:inline-size}}