@layer components{.bf-table-sticky{max-width:100%;max-height:24rem;overflow:auto}.bf-table-sticky thead th{z-index:var(--bf-z-sticky);background:var(--bf-surface);position:sticky;top:0}.bf-table-sticky tbody th:first-child,.bf-table-sticky tbody td:first-child{z-index:var(--bf-z-sticky);background:var(--bf-surface);position:sticky;inset-inline-start:0}.bf-table-sticky thead th:first-child{z-index:calc(var(--bf-z-sticky) + 1)}@supports (mask-image:linear-gradient(to right, black, transparent)){.bf-table-sticky{mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),#0000),linear-gradient(#000 calc(100% - 2.5rem),#0000);mask-composite:intersect}[dir=rtl] .bf-table-sticky{mask-image:linear-gradient(270deg,#000 calc(100% - 2.5rem),#0000),linear-gradient(#000 calc(100% - 2.5rem),#0000)}}@media (forced-colors:active){.bf-table-sticky{mask-image:none}}}