._container_1t4rs_1 { display: flex; flex-direction: column; flex: 1 1 0%; } ._icon_1t3nk_1 { width: calc(.8125rem * var(--mantine-scale)); height: auto; vertical-align: calc(-.0625rem * var(--mantine-scale)); margin-right: calc(.5rem * var(--mantine-scale)); } ._expandIcon_1t3nk_8 { transition: transform 0.2s; } ._expandIconRotated_1t3nk_12 { transform: rotate(90deg); } ._usersTableBorder_1t3nk_16 { border-bottom: solid 1px var(--mantine-color-dark-5); } .mantine-datatable-nowrap { white-space: nowrap; } .mantine-datatable-ellipsis { overflow: hidden; text-overflow: ellipsis; } .mantine-datatable-pointer-cursor { cursor: pointer; } .mantine-datatable-context-menu-cursor { cursor: context-menu; } .mantine-datatable-text-selection-disabled { user-select: none; } .mantine-datatable-text-align-left { text-align: left; } .mantine-datatable-text-align-center { text-align: center; } .mantine-datatable-text-align-right { text-align: right; } .mantine-datatable { --mantine-datatable-color: var( --mantine-datatable-color-light,var(--mantine-color-text) ); } [data-mantine-color-scheme="dark"] .mantine-datatable { --mantine-datatable-color: var( --mantine-datatable-color-dark,var(--mantine-color-text) ); } .mantine-datatable { --mantine-datatable-background-color: var( --mantine-datatable-background-color-light,var(--mantine-color-body) ); } [data-mantine-color-scheme="dark"] .mantine-datatable { --mantine-datatable-background-color: var( --mantine-datatable-background-color-dark,var(--mantine-color-body) ); } .mantine-datatable { --mantine-datatable-border-color: var( --mantine-datatable-border-color-light,var(--mantine-color-gray-3) ); } [data-mantine-color-scheme="dark"] .mantine-datatable { --mantine-datatable-border-color: var( --mantine-datatable-border-color-dark,var(--mantine-color-dark-4) ); } .mantine-datatable { --mantine-datatable-row-border-color: var( --mantine-datatable-row-border-color-light,var(--mantine-datatable-border-color) ); } [data-mantine-color-scheme="dark"] .mantine-datatable { --mantine-datatable-row-border-color: var( --mantine-datatable-row-border-color-dark,var(--mantine-datatable-border-color) ); } .mantine-datatable { --mantine-datatable-striped-color: var( --mantine-datatable-striped-color-light,var(--mantine-color-gray-0) ); } [data-mantine-color-scheme="dark"] .mantine-datatable { --mantine-datatable-striped-color: var( --mantine-datatable-striped-color-dark,var(--mantine-color-dark-6) ); } .mantine-datatable { --mantine-datatable-highlight-on-hover-color: var( --mantine-datatable-highlight-on-hover-color-light,var(--mantine-color-gray-1) ); } [data-mantine-color-scheme="dark"] .mantine-datatable { --mantine-datatable-highlight-on-hover-color: var( --mantine-datatable-highlight-on-hover-color-dark,var(--mantine-color-dark-5) ); } .mantine-datatable { --mantine-datatable-shadow-background-top: linear-gradient(rgba(0,0,0,.05),transparent),linear-gradient(rgba(0,0,0,.05) 30%,transparent); } [data-mantine-color-scheme="dark"] .mantine-datatable { --mantine-datatable-shadow-background-top: linear-gradient(rgba(0,0,0,.25),transparent),linear-gradient(rgba(0,0,0,.25) 30%,transparent); } .mantine-datatable { --mantine-datatable-shadow-background-right: linear-gradient(270deg,rgba(0,0,0,.05),transparent),linear-gradient(270deg,rgba(0,0,0,.05),transparent 30%); } [data-mantine-color-scheme="dark"] .mantine-datatable { --mantine-datatable-shadow-background-right: linear-gradient(270deg,rgba(0,0,0,.25),transparent),linear-gradient(270deg,rgba(0,0,0,.25),transparent 30%); } .mantine-datatable { --mantine-datatable-shadow-background-bottom: linear-gradient(transparent,rgba(0,0,0,.05)),linear-gradient(transparent 30%,rgba(0,0,0,.05)); } [data-mantine-color-scheme="dark"] .mantine-datatable { --mantine-datatable-shadow-background-bottom: linear-gradient(transparent,rgba(0,0,0,.25)),linear-gradient(transparent 30%,rgba(0,0,0,.25)); } .mantine-datatable { --mantine-datatable-shadow-background-left: linear-gradient(90deg,rgba(0,0,0,.05),transparent),linear-gradient(90deg,rgba(0,0,0,.05),transparent 30%); } [data-mantine-color-scheme="dark"] .mantine-datatable { --mantine-datatable-shadow-background-left: linear-gradient(90deg,rgba(0,0,0,.25),transparent),linear-gradient(90deg,rgba(0,0,0,.25),transparent 30%); } .mantine-datatable { background: var(--mantine-datatable-background-color); color: var(--mantine-datatable-color); display: flex; flex-direction: column; overflow: hidden; position: relative; } .mantine-datatable-with-border { border: calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-border-color); } .mantine-datatable-table { background: var(--mantine-datatable-background-color); border-collapse: separate; border-spacing: 0px; color: inherit; } .mantine-datatable-table td, .mantine-datatable-table th { border-color: var(--mantine-datatable-row-border-color); } .mantine-datatable-table tbody, .mantine-datatable-table td, .mantine-datatable-table tfoot, .mantine-datatable-table tfoot tr, .mantine-datatable-table th, .mantine-datatable-table thead, .mantine-datatable-table thead tr { background: inherit; } .mantine-datatable-table[data-striped] tbody tr:nth-of-type(2n+1) { background: var(--mantine-datatable-striped-color); } .mantine-datatable-table[data-highlight-on-hover] tbody tr:hover { background: var(--mantine-datatable-highlight-on-hover-color); } .mantine-datatable-table tbody tr:last-of-type { border-bottom: 0px; } .mantine-datatable-vertical-align-top td { vertical-align: top; } .mantine-datatable-vertical-align-bottom td { vertical-align: bottom; } .mantine-datatable-last-row-border-bottom-visible tr:last-of-type:not(.mantine-datatable-empty-row) td { border-bottom: calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color); } .mantine-datatable-pin-last-column td:not(.mantine-datatable-row-expansion-cell):last-of-type, .mantine-datatable-pin-last-column th:last-of-type { position: sticky; right: calc(-.025rem*var(--mantine-scale)); z-index: 1; } .mantine-datatable-pin-last-column td:not(.mantine-datatable-row-expansion-cell):last-of-type::after, .mantine-datatable-pin-last-column th:last-of-type::after { background: var(--mantine-datatable-shadow-background-right); border-right: 1px solid var(--mantine-datatable-row-border-color); bottom: 0px; content: ""; left: calc(var(--mantine-spacing-xs)*-1); opacity: 0; pointer-events: none; position: absolute; top: 0px; transition: opacity 0.2s; width: var(--mantine-spacing-xs); } .mantine-datatable-pin-last-column th:last-of-type::after, .mantine-datatable-pin-last-column tr[data-with-row-border]:not(:last-of-type) td:not(.mantine-datatable-row-expansion-cell):last-of-type::after { bottom: calc(-.0625rem*var(--mantine-scale)); top: calc(-.0625rem*var(--mantine-scale)); } .mantine-datatable-pin-last-column tfoot th:last-of-type::after { top: calc(-.0625rem*var(--mantine-scale)); } .mantine-datatable-pin-last-column tr[data-selected] td:not(.mantine-datatable-row-expansion-cell):last-of-type { background: inherit; } .mantine-datatable-pin-last-column tr[data-selected] td:not(.mantine-datatable-row-expansion-cell):last-of-type::before { background: var(--mantine-primary-color-light); inset: 0px; content: ""; position: absolute; } .mantine-datatable-pin-last-column-scrolled td:not(.mantine-datatable-row-expansion-cell):last-of-type::after, .mantine-datatable-pin-last-column-scrolled th:last-of-type::after { opacity: 1; } .mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible td:not(.mantine-datatable-row-expansion-cell):nth-of-type(2), .mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible th.mantine-datatable-column-group-header-cell:nth-of-type(2), .mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible th:first-of-type, .mantine-datatable-pin-first-column:not(.mantine-datatable-selection-column-visible) td:not(.mantine-datatable-row-expansion-cell):first-of-type, .mantine-datatable-pin-first-column:not(.mantine-datatable-selection-column-visible) th:first-of-type { left: var(--mantine-datatable-selection-column-width); position: sticky; z-index: 1; } .mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible td:not(.mantine-datatable-row-expansion-cell):nth-of-type(2)::after, .mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible th.mantine-datatable-column-group-header-cell:nth-of-type(2)::after, .mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible th:first-of-type::after, .mantine-datatable-pin-first-column:not(.mantine-datatable-selection-column-visible) td:not(.mantine-datatable-row-expansion-cell):first-of-type::after, .mantine-datatable-pin-first-column:not(.mantine-datatable-selection-column-visible) th:first-of-type::after { background: var(--mantine-datatable-shadow-background-left); border-left: 1px solid var(--mantine-datatable-row-border-color); bottom: 0px; content: ""; opacity: 0; pointer-events: none; position: absolute; right: calc(var(--mantine-spacing-xs)*-1); top: 0px; transition: opacity 0.2s; width: var(--mantine-spacing-xs); } .mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible th.mantine-datatable-header-selector-cell { left: 0px; } .mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible th.mantine-datatable-column-group-header-cell:nth-of-type(2)::after, .mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible tr[data-with-row-border]:not(:last-of-type) td:not(.mantine-datatable-row-expansion-cell):nth-of-type(2)::after, .mantine-datatable-pin-first-column:not(.mantine-datatable-selection-column-visible) th:first-of-type::after, .mantine-datatable-pin-first-column:not(.mantine-datatable-selection-column-visible) tr[data-with-row-border]:not(:last-of-type) td:not(.mantine-datatable-row-expansion-cell):first-of-type::after { bottom: calc(-.0625rem*var(--mantine-scale)); top: calc(-.0625rem*var(--mantine-scale)); } .mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible tfoot th:nth-of-type(2)::after, .mantine-datatable-pin-first-column:not(.mantine-datatable-selection-column-visible) tfoot th:first-of-type::after { top: calc(-.0625rem*var(--mantine-scale)); } .mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible tr[data-selected] td:not(.mantine-datatable-row-expansion-cell):nth-of-type(2), .mantine-datatable-pin-first-column:not(.mantine-datatable-selection-column-visible) tr[data-selected] td:not(.mantine-datatable-row-expansion-cell):first-of-type { background: inherit; } .mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible tr[data-selected] td:not(.mantine-datatable-row-expansion-cell):nth-of-type(2)::before, .mantine-datatable-pin-first-column:not(.mantine-datatable-selection-column-visible) tr[data-selected] td:not(.mantine-datatable-row-expansion-cell):first-of-type::before { background: var(--mantine-primary-color-light); inset: 0px; content: ""; position: absolute; } .mantine-datatable-pin-first-column-scrolled.mantine-datatable-selection-column-visible td:not(.mantine-datatable-row-expansion-cell):nth-of-type(2)::after, .mantine-datatable-pin-first-column-scrolled.mantine-datatable-selection-column-visible th.mantine-datatable-column-group-header-cell:nth-of-type(2)::after, .mantine-datatable-pin-first-column-scrolled.mantine-datatable-selection-column-visible th:first-of-type::after, .mantine-datatable-pin-first-column-scrolled:not(.mantine-datatable-selection-column-visible) td:not(.mantine-datatable-row-expansion-cell):first-of-type::after, .mantine-datatable-pin-first-column-scrolled:not(.mantine-datatable-selection-column-visible) th:first-of-type::after { opacity: 1; } .mantine-datatable-empty-row, .mantine-datatable-table[data-highlight-on-hover] tbody .mantine-datatable-empty-row:hover { background: transparent; } .mantine-datatable-empty-state { inset: 0px; color: var(--mantine-color-gray-6); flex-direction: column; pointer-events: none; position: absolute; } [data-mantine-color-scheme="dark"] .mantine-datatable-empty-state { color: var(--mantine-color-dark-3); } .mantine-datatable-empty-state { opacity: 0; transition: opacity 0.2s; } .mantine-datatable-empty-state[data-active] { opacity: 1; } .mantine-datatable-empty-state-icon { background: var(--mantine-color-gray-2); border-radius: 50%; font-size: 0px; padding: var(--mantine-spacing-xs); } [data-mantine-color-scheme="dark"] .mantine-datatable-empty-state-icon { background: var(--mantine-color-dark-5); } .mantine-datatable-empty-state-icon { margin-bottom: calc(var(--mantine-spacing-xs)/2); } .mantine-datatable-footer { z-index: 2; } .mantine-datatable-footer th { border-top: calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-border-color); } .mantine-datatable-footer-selector-placeholder-cell { left: 0px; position: sticky; width: 0px; } .mantine-datatable-footer-selector-placeholder-cell::after { background: var(--mantine-datatable-shadow-background-left); border-left: 1px solid var(--mantine-datatable-row-border-color); bottom: calc(-.0625rem*var(--mantine-scale)); content: ""; opacity: 0; pointer-events: none; position: absolute; right: calc(var(--mantine-spacing-xs)*-1); top: 0px; transition: opacity 0.2s; width: var(--mantine-spacing-xs); } .mantine-datatable-footer-selector-placeholder-cell[data-shadow-visible]::after { opacity: 1; } .mantine-datatable-header { position: sticky; top: 0px; z-index: 2; } .mantine-datatable-header th { border-bottom: calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-border-color); } .mantine-datatable-header-column-toggle-checkbox-label { user-select: none; } .mantine-datatable-header-cell-sortable { cursor: pointer; transition: background 0.2s; } .mantine-datatable-header-cell-sortable:hover:not(:has(button:hover)) { background: var(--mantine-color-gray-0); } [data-mantine-color-scheme="dark"] .mantine-datatable-header-cell-sortable:hover:not(:has(button:hover)) { background: var(--mantine-color-dark-6); } .mantine-datatable-header-cell-draggable { border-radius: calc(.375rem*var(--mantine-scale)); cursor: grab; transition: 0.2s; } .mantine-datatable-header-cell-draggable:active { cursor: grabbing; } .mantine-datatable-header-cell-draggable:hover:not(:has(button:hover)) { background: var(--mantine-color-gray-2); } [data-mantine-color-scheme="dark"] .mantine-datatable-header-cell-draggable:hover:not(:has(button:hover)) { background: var(--mantine-color-dark-6); } .mantine-datatable-header-cell-draggable-action-icon { cursor: inherit; margin: calc(-.125rem*var(--mantine-scale)) calc(.125rem*var(--mantine-scale)) 0; } .mantine-datatable-header-cell-drag-over { background: var(--mantine-color-gray-3); } [data-mantine-color-scheme="dark"] .mantine-datatable-header-cell-drag-over { background: var(--mantine-color-dark-6); } .mantine-datatable-header-cell-toggleable-icon { opacity: 0.1; transition: opacity 0.2s; } .mantine-datatable-header-cell-toggleable:hover .mantine-datatable-header-cell-toggleable-icon { opacity: 1; } .mantine-datatable-header-cell-resizable { position: relative; } .mantine-datatable-header-resizable-handle { background: inherit; bottom: 0px; cursor: col-resize; opacity: 0; position: absolute; top: 0px; transform: translate(50%); transition: opacity 0.2s; width: calc(.5rem*var(--mantine-scale)); z-index: 1; } .mantine-datatable-header-resizable-handle::after { border-right: calc(.25rem*var(--mantine-scale)) dotted var(--mantine-color-gray-3); bottom: calc(.0625rem*var(--mantine-scale)); content: ""; left: calc(.125rem*var(--mantine-scale)); position: absolute; top: calc(.0625rem*var(--mantine-scale)); } [data-mantine-color-scheme="dark"] .mantine-datatable-header-resizable-handle::after { border-right: calc(.25rem*var(--mantine-scale)) dotted var(--mantine-color-dark-4); } .mantine-datatable-header-resizable-handle:hover::after { border-color: var(--mantine-primary-color-6); } tr:hover .mantine-datatable-header-resizable-handle { opacity: 1; } .mantine-datatable-header-cell-sortable-group { gap: 0.25em; } .mantine-datatable-header-cell-sortable-text { flex-grow: 1; min-width: 0px; } .mantine-datatable-header-cell-sortable-icon { transition: transform 0.2s; } .mantine-datatable-header-cell-sortable-icon-reversed { transform: scaleY(-1); } .mantine-datatable-header-cell-sortable-unsorted-icon { color: var(--mantine-color-gray-5); } [data-mantine-color-scheme="dark"] .mantine-datatable-header-cell-sortable-unsorted-icon { color: var(--mantine-color-dark-3); } .mantine-datatable-header-cell-sortable-unsorted-icon { transition: color 0.2s; } th:hover .mantine-datatable-header-cell-sortable-unsorted-icon { color: var(--mantine-color-gray-6); } [data-mantine-color-scheme="dark"] th:hover .mantine-datatable-header-cell-sortable-unsorted-icon { color: var(--mantine-color-dark-2); } .mantine-datatable-header-cell-filter-action-icon { border: 0px; color: var(--mantine-color-gray-5); } [data-mantine-color-scheme="dark"] .mantine-datatable-header-cell-filter-action-icon { color: var(--mantine-color-dark-3); } .mantine-datatable-header-cell-filter-action-icon[data-active] { color: var(--mantine-color-text); } .mantine-datatable-header-selector-cell { left: 0px; position: sticky; width: 0px; } .mantine-datatable-header-selector-cell::after { background: var(--mantine-datatable-shadow-background-left); border-left: 1px solid var(--mantine-datatable-row-border-color); bottom: calc(-.0625rem*var(--mantine-scale)); content: ""; opacity: 0; pointer-events: none; position: absolute; right: calc(var(--mantine-spacing-xs)*-1); top: 0px; transition: opacity 0.2s; width: var(--mantine-spacing-xs); } .mantine-datatable-header-selector-cell[data-shadow-visible]::after { opacity: 1; } .mantine-datatable-loader { background: color-mix(in srgb,var(--mantine-datatable-background-color),transparent 25%); inset: 0px; opacity: 0; pointer-events: none; position: absolute; transition: opacity 0.2s; z-index: 3; } .mantine-datatable-loader-fetching { opacity: 1; pointer-events: all; } .mantine-datatable-page-size-selector-button-icon { margin: 0 calc(-.25rem*var(--mantine-scale)) 0 calc(.125rem*var(--mantine-scale)); } .mantine-datatable-page-size-selector-menu-arrow { z-index: -1; } .mantine-datatable-page-size-selector-active { --mantine-datatable-pagination-active-text-color: var( --mantine-datatable-pagination-active-text-color-light,var(--mantine-color-white) ); } [data-mantine-color-scheme="dark"] .mantine-datatable-page-size-selector-active { --mantine-datatable-pagination-active-text-color: var( --mantine-datatable-pagination-active-text-color-dark,var(--mantine-color-white) ); } .mantine-datatable-page-size-selector-active { --mantine-datatable-pagination-active-background-color: var( --mantine-datatable-pagination-active-background-color-light,var(--mantine-primary-color-filled) ); } [data-mantine-color-scheme="dark"] .mantine-datatable-page-size-selector-active { --mantine-datatable-pagination-active-background-color: var( --mantine-datatable-pagination-active-background-color-dark,var(--mantine-primary-color-filled) ); } .mantine-datatable-page-size-selector-active { background: var(--mantine-datatable-pagination-active-background-color); color: var(--mantine-datatable-pagination-active-text-color); opacity: 1; } .mantine-datatable-pagination { align-items: center; background: inherit; border-top: calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-border-color); display: flex; gap: var(--mantine-spacing-xs); justify-content: space-between; } .mantine-datatable-pagination-text { flex: 1 1 auto; } .mantine-datatable-pagination-pages { --mantine-datatable-pagination-active-text-color: var( --mantine-datatable-pagination-active-text-color-light,var(--mantine-color-white) ); } [data-mantine-color-scheme="dark"] .mantine-datatable-pagination-pages { --mantine-datatable-pagination-active-text-color: var( --mantine-datatable-pagination-active-text-color-dark,var(--mantine-color-white) ); } .mantine-datatable-pagination-pages { --mantine-datatable-pagination-active-background-color: var( --mantine-datatable-pagination-active-background-color-light,var(--mantine-primary-color-filled) ); } [data-mantine-color-scheme="dark"] .mantine-datatable-pagination-pages { --mantine-datatable-pagination-active-background-color: var( --mantine-datatable-pagination-active-background-color-dark,var(--mantine-primary-color-filled) ); } .mantine-datatable-pagination-pages { opacity: 1; transition: opacity 0.2s; } .mantine-datatable-pagination-pages-fetching { opacity: 0; } .mantine-datatable-pagination-pages-control { border-color: var(--mantine-datatable-border-color); color: var(--mantine-datatable-color); } .mantine-datatable-pagination-pages-control[data-active] { background: var(--mantine-datatable-pagination-active-background-color); border-color: transparent; color: var(--mantine-datatable-pagination-active-text-color); } .mantine-datatable-row { --mantine-datatable-row-color: var( --mantine-datatable-row-color-light ); } [data-mantine-color-scheme="dark"] .mantine-datatable-row { --mantine-datatable-row-color: var( --mantine-datatable-row-color-dark ); } .mantine-datatable-row { --mantine-datatable-row-background-color: var( --mantine-datatable-row-background-color-light ); } [data-mantine-color-scheme="dark"] .mantine-datatable-row { --mantine-datatable-row-background-color: var( --mantine-datatable-row-background-color-dark ); } .mantine-datatable-row { background: var(--mantine-datatable-row-background-color,inherit); color: var(--mantine-datatable-row-color,inherit); } .mantine-datatable-row[data-with-row-border]:not(:last-of-type) td { border-bottom: calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color); } .mantine-datatable-row[data-selected] td { background: var(--mantine-primary-color-light); } .mantine-datatable-row-expansion-cell { padding: 0px; } tr:not(:last-of-type) .mantine-datatable-row-expansion-cell-content { border-bottom: calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color); } .mantine-datatable-row-expansion-cell-content { border-top: calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color); } [data-with-row-border] .mantine-datatable-row-expansion-cell-content { border-top: 0px; } .mantine-datatable-row-selector-cell { left: 0px; position: sticky; width: 0px; z-index: 1; } tr[data-selected] .mantine-datatable-row-selector-cell { background: inherit; } tr[data-selected] .mantine-datatable-row-selector-cell::before { background: var(--mantine-primary-color-light); inset: 0px; content: ""; position: absolute; } .mantine-datatable-row-selector-cell::after { background: var(--mantine-datatable-shadow-background-left); border-left: 1px solid var(--mantine-datatable-row-border-color); bottom: 0px; content: ""; opacity: 0; pointer-events: none; position: absolute; right: calc(var(--mantine-spacing-xs)*-1); top: 0px; transition: opacity 0.2s; width: var(--mantine-spacing-xs); } tr[data-with-row-border] .mantine-datatable-row-selector-cell::after { bottom: calc(-.0625rem*var(--mantine-scale)); top: calc(-.0625rem*var(--mantine-scale)); } tr:last-of-type .mantine-datatable-row-selector-cell::after { bottom: 0px; } .mantine-datatable-row-selector-cell[data-shadow-visible]::after { opacity: 1; } .mantine-datatable-row-selector-cell-checkbox { cursor: pointer; } .mantine-datatable-scroll-area { flex: 1 1 100%; } .mantine-datatable-scroll-area-corner { background: transparent; } .mantine-datatable-scroll-area-thumb { z-index: 3; } .mantine-datatable-scroll-area-scrollbar[data-state="visible"] { background: transparent; } .mantine-datatable-scroll-area-scrollbar div::before { pointer-events: none; } .mantine-datatable-scroll-area-shadow { opacity: 0; pointer-events: none; position: absolute; transition: opacity 0.2s; } .mantine-datatable-scroll-area-top-shadow { background: var(--mantine-datatable-shadow-background-top); height: calc(var(--mantine-spacing-xs)/2); left: 0px; right: 0px; z-index: 2; } .mantine-datatable-scroll-area-left-shadow { background: var(--mantine-datatable-shadow-background-left); bottom: 0px; left: 0px; top: 0px; width: var(--mantine-spacing-xs); z-index: 3; } .mantine-datatable-scroll-area-right-shadow { background: var(--mantine-datatable-shadow-background-right); bottom: 0px; right: 0px; top: 0px; width: calc(var(--mantine-spacing-xs)/2); z-index: 3; } .mantine-datatable-scroll-area-shadow-behind { z-index: 0; } .mantine-datatable-scroll-area-bottom-shadow { background: var(--mantine-datatable-shadow-background-bottom); height: calc(var(--mantine-spacing-xs)/2); left: 0px; right: 0px; z-index: 2; } .mantine-datatable-scroll-area-shadow-visible { opacity: 1; }