@layer components{.table{max-height:var(--scrollbar--max-height,100%);overflow-y:var(--scrollbar--overflow-y,auto);overflow-x:var(--scrollbar--overflow-x,hidden);--skel--width:100%;--scrollbar--overflow-y:hidden;--scrollbar--overflow-x:auto;--btn-group--gap:0;border:1px solid var(--s-color-border-subtle);border-radius:var(--s-radius-medium);grid-template-areas:"table-head""table-body";grid-auto-rows:max-content;align-items:flex-start;min-width:100%;display:grid;&.noBorder{border:none}}@supports (-moz-appearance:none){.table{scrollbar-width:thin;scrollbar-color:var(--scrollbar-foreground-color) var(--scrollbar-background-color)}}.table::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.table::-webkit-scrollbar-button{display:none}.table::-webkit-scrollbar-thumb{border-radius:var(--scrollbar-border-radius);background-color:var(--scrollbar-foreground-color);background-clip:padding-box}.table::-webkit-scrollbar-track{border-radius:var(--scrollbar-border-radius);background:var(--scrollbar-background-color)}.table:after,.table:before{content:"";background:#fff;width:2px;height:4px;position:absolute;bottom:0}.table:before{left:0}.table:after{right:0}.table-wrapper{--table__overflow-shadow:linear-gradient(90deg,#0f172a1f 0%,#0f172a0a 45%,transparent);--table__overflow-shadow-mirror:linear-gradient(270deg,#0f172a1f 0%,#0f172a0a 45%,transparent);position:relative}.table-wrapper--sticky-left{--table__column-pinned--blw:1px;--table__column-pinned--width:16px;--table__control-left--display:flex}.table-wrapper--sticky-left:not(:has(.table__column--pinned)),.table-wrapper--sticky-left:not(:has(.table__head)){--table__control-left--left:-12px;--table__control--top:50%;--table__control--transform:translateY(calc(-50% - 3px))}.table-wrapper--sticky-right{--table__column-pinned-right--blw:1px;--table__column-pinned-right--width:16px;--table__control-right--display:flex}.table-wrapper--sticky-right:not(:has(.table__column--pinned)),.table-wrapper--sticky-right:not(:has(.table__head)){--table__control-right--right:-12px;--table__control--top:50%;--table__control--transform:translateY(calc(-50% - 3px))}.table-wrapper--static{position:static}.table-wrapper--static .table{--scrollbar--overflow-y:visible;max-height:none}.table-wrapper--static .table__row{position:relative}.table-wrapper--static .table__td{z-index:auto;min-width:0;position:static}.table-wrapper--static .table__th{min-width:0}.table-wrapper--static .table__td--interactable{z-index:2;position:relative}.table-wrapper--static .table__td--interactable:has(.btn-flyout[open]),.table__td:has(.btn-flyout[open]){z-index:3}.table .btn-flyout[open]{z-index:3}.table-wrapper--static .table__column--pinned,.table-wrapper--static .table__column--pinned-right{position:static}.table-wrapper--static .table__column--pinned-right:after,.table-wrapper--static .table__column--pinned:not(:has(~.table__column--pinned)):after{display:none}.table__head{--table__row--color:var(--s-color-surface-subtle);grid-area:table-head}.table__head-btn{justify-content:center;align-items:center;gap:var(--s-spacing-1);cursor:pointer;--svg--fill:var(--c-table-sort-icon-color,var(--s-color-text-default));display:flex}.table__body{--table__row--color:white;grid-area:table-body}.table__row{border-bottom:1px solid var(--s-color-border-subtle);background-color:var(--table__row--color);flex-direction:row;align-items:stretch;width:100%;display:flex;position:relative}.table__body .table__row:last-child{border-bottom:none}.table__row--muted{--table__row--color:var(--s-color-surface-subtle)}.table__row--link{color:inherit;text-decoration:none}.table__row-link{z-index:1;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.table__row-link:focus-visible{outline:var(--s-border-width-focus) solid var(--s-color-border-focus);outline-offset:calc(var(--s-border-width-focus) * -1)}.table__row:has(.table__td):hover{--table__cell-tile--color:var(--s-color-text-active);--table__cell-tile--text-deco:underline;background-color:var(--s-color-surface-primary-subtle);cursor:pointer}.table__th{padding:var(--s-spacing-3) var(--s-spacing-3)}.table__td{padding:var(--s-spacing-3);z-index:0;position:relative;overflow:hidden}.table__td--interactable{z-index:2;overflow:visible}.table__td.table__column--pinned,.table__td.table__column--pinned-right{overflow:visible}.table__td,.table__th{text-align:start;flex:1 1;justify-content:flex-start;align-items:center;min-width:200px;display:flex}.table__column--tiny{flex:none;width:50px;min-width:50px}.table__column--small{flex:none;width:100px;min-width:100px}.table__column--medium{flex:none;width:150px;min-width:150px}.table__column--large{flex:none;width:250px;min-width:250px}.table__column--huge{flex:none;width:300px;min-width:300px}.table__column--2xhuge{flex:none;width:600px;min-width:600px}.table__column--pinned{z-index:1;background:inherit;flex:none;position:-webkit-sticky;position:sticky;top:0;left:0}.table__column--pinned:not(:has(~.table__column--pinned)):after{content:"";pointer-events:none;border-left:var(--table__column-pinned--blw,0) solid var(--s-color-border-subtle);height:100%;width:var(--table__column-pinned--width,0);background:var(--table__overflow-shadow);position:absolute;top:0;left:100%}.table__column--pinned-right{--table__control--right:auto;--table__control--left:-12px;z-index:1;background:inherit;flex:none;justify-content:center;position:-webkit-sticky;position:sticky;top:0;right:0}.table__column--pinned-right:after{content:"";pointer-events:none;border-right:var(--table__column-pinned-right--blw,0) solid var(--s-color-border-subtle);height:100%;width:var(--table__column-pinned-right--width,0);background:var(--table__overflow-shadow-mirror);position:absolute;top:0;right:100%}.table__column--pinned-right+.table__column--pinned-right:after{display:none}.table__control{border:1px solid var(--s-color-border-subtle);border-radius:var(--s-radius-circle);color:var(--s-color-border-subtle);background-color:var(--s-color-palette-neutral-600);width:24px;height:24px;right:var(--set-table__control--right,var(--table__control--right,-12px));left:var(--set-table__control--left,var(--table__control--left,auto));z-index:2;cursor:pointer;top:var(--table__control--top);transform:var(--table__control--transform);justify-content:center;align-items:center;font-size:0;display:flex;position:absolute}.table__control--left{display:var(--table__control-left--display,none);--set-table__control--left:var(--table__control-left--left)}.table__control--right{display:var(--table__control-right--display,none);--set-table__control--right:var(--table__control-right--right)}}