@property --codex-table-border-radius{syntax: "<length>"; inherits: false; initial-value: 16px;}@property --codex-table-color{syntax: "<color>"; inherits: false; initial-value: rgb(150,150,150);}.table{border-radius:var(--codex-table-border-radius);overflow-x:auto}.table table{border-spacing:0 12px;width:100%}.table table thead tr{border-radius:8px}.table table thead tr th{color:var(--codex-table-color);font-weight:400;text-transform:capitalize;font-size:.9rem;text-align:left;height:36px;padding:0 16px;box-sizing:border-box;background-color:#14141499}.table table thead tr th .sort-icon{display:flex;flex-direction:column;gap:0}.table table thead tr th[role=button]{cursor:pointer}.table table thead tr th div{display:flex;align-items:center;gap:.5rem}.table table thead tr th svg{position:relative;cursor:pointer}.table table thead tr th svg{opacity:.6;transition:opacity .35s}.table table thead tr th[aria-sort=ascending] svg:first-child{opacity:1}.table table thead tr th[aria-sort=descending] svg:nth-child(2){opacity:1}.table table thead tr th:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.table table thead tr th:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.table table tbody tr{transition:background-color .35s;border-radius:8px}.table table tbody tr td{text-align:left;height:64px;box-sizing:border-box;padding:0 12px;font-size:14px;font-weight:400;line-height:16px;letter-spacing:-.006em}.table table tbody tr td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.table table tbody tr td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.table>div{display:flex;justify-content:center;flex-direction:column;align-items:center;margin-top:2rem}.table>div p{margin-top:.5rem;margin-bottom:0}
