.table-wrapper.svelte-11b97jr {
    overflow-x: auto;
    overflow-anchor: none;
    max-width: 100%;
    position: relative
}

.table-wrapper.loading.svelte-11b97jr {
    min-height: 5rem
}

.table-wrapper.loading.svelte-11b97jr tbody:where(.svelte-11b97jr) {
    opacity: .3
}

.overlay-loader.svelte-11b97jr {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 1rem;
    display: flex;
    place-content: center;
    flex: 1;
    z-index: 2;
    pointer-events: none
}

.table-content.svelte-11b97jr {
    width: 100%;
    position: relative;
    z-index: 2;
    transform-style: preserve-3d;
    border-collapse: separate;
    overflow-x: scroll
}

.table-content.is-fixed.svelte-11b97jr {
    table-layout: fixed
}

.table-content.noHeadingPadding.svelte-11b97jr th {
    padding-top: var(--spacing-0) !important
}

.table-content.slim.svelte-11b97jr td,
.table-content.slim.svelte-11b97jr th {
    padding: var(--spacing-4) var(--spacing-2)
}

.table-content.slim.svelte-11b97jr td:first-child,
.table-content.slim.svelte-11b97jr th:first-child {
    padding-left: var(--spacing-4)
}

.table-content.slim.svelte-11b97jr td:last-child,
.table-content.slim.svelte-11b97jr th:last-child {
    padding-right: var(--spacing-4)
}

.table-content.compact.svelte-11b97jr td,
.table-content.compact.svelte-11b97jr th {
    padding: var(--spacing-1) var(--spacing-2)
}

.table-content.stripey.slideDownEven.svelte-11b97jr:not(.framed)>tbody tr:nth-child(2n) {
    background: var(--grey-500)
}

.table-content.stripey.slideDownOdd.svelte-11b97jr>tbody tr:nth-child(odd) {
    background: var(--grey-500)
}

.table-content.framed.svelte-11b97jr {
    background-color: var(--grey-500);
    padding-inline: calc(var(--spacing) * 6);
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl)
}

.table-content.framed.svelte-11b97jr thead {
    background-color: var(--grey-500)
}

.table-content.framed.svelte-11b97jr thead th {
    border-style: solid;
    border-bottom-width: 1px;
    border-color: var(--grey-400);
    border-radius: 0
}

.table-content.framed.svelte-11b97jr tbody tr:nth-child(2n) {
    background-color: var(--grey-400)
}

.table-content.svelte-11b97jr td:first-child,
.table-content.svelte-11b97jr th:first-child {
    text-align: left;
    border-top-left-radius: var(--ds-radius-md, var(--border-radius-base));
    border-bottom-left-radius: var(--ds-radius-md, var(--border-radius-base))
}

.table-content.svelte-11b97jr td:last-child,
.table-content.svelte-11b97jr th:last-child {
    text-align: right;
    border-top-right-radius: var(--ds-radius-md, var(--border-radius-base));
    border-bottom-right-radius: var(--ds-radius-md, var(--border-radius-base))
}

.table-content.svelte-11b97jr td,
.table-content.svelte-11b97jr th {
    padding: var(--spacing-4) var(--spacing-4);
    word-wrap: break-word;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    color: var(--grey-200)
}

.table-content.svelte-11b97jr th.left,
.table-content.svelte-11b97jr td.left {
    text-align: left
}

.table-content.svelte-11b97jr th.right,
.table-content.svelte-11b97jr td.right {
    text-align: right
}

.table-content.svelte-11b97jr>tbody {
    position: relative;
    animation-fill-mode: forwards !important;
    animation-duration: .35s !important;
    animation-timing-function: ease-out !important;
    will-change: transform
}

.table-content.svelte-11b97jr>thead {
    position: relative;
    transform: translateZ(1px)
}