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

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

.table-wrapper.loading.svelte-5yzxpf tbody.svelte-5yzxpf {
    opacity: .3
}

.overlay-loader.svelte-5yzxpf.svelte-5yzxpf {
    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-5yzxpf.svelte-5yzxpf {
    width: 100%;
    position: relative;
    z-index: 2;
    transform-style: preserve-3d;
    border-collapse: separate;
    overflow-x: scroll
}

.table-content.is-fixed.svelte-5yzxpf.svelte-5yzxpf {
    table-layout: fixed
}

.table-content.noHeadingPadding.svelte-5yzxpf th {
    padding-top: 0 !important
}

.table-content.slim.svelte-5yzxpf td,
.table-content.slim.svelte-5yzxpf th {
    padding: var(--space-4) var(--space-2)
}

.table-content.slim.svelte-5yzxpf td:first-child,
.table-content.slim.svelte-5yzxpf th:first-child {
    padding-left: var(--space-4)
}

.table-content.slim.svelte-5yzxpf td:last-child,
.table-content.slim.svelte-5yzxpf th:last-child {
    padding-right: var(--space-4)
}

.table-content.compact.svelte-5yzxpf td,
.table-content.compact.svelte-5yzxpf th {
    padding: var(--space-1) var(--space-2)
}

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

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

.table-content.framed.svelte-5yzxpf.svelte-5yzxpf {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgba(33, 55, 67, var(--tw-bg-opacity));
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.table-content.framed.svelte-5yzxpf thead {
    --tw-bg-opacity: 1;
    background-color: rgba(33, 55, 67, var(--tw-bg-opacity))
}

.table-content.framed.svelte-5yzxpf thead th {
    border-radius: 0;
    border-bottom-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgba(47, 69, 83, var(--tw-border-opacity))
}

.table-content.framed.svelte-5yzxpf tbody tr:nth-child(2n) {
    --tw-bg-opacity: 1;
    background-color: rgba(47, 69, 83, var(--tw-bg-opacity))
}

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

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

.table-content.svelte-5yzxpf td,
.table-content.svelte-5yzxpf th {
    padding: var(--space-4) var(--space-4);
    word-wrap: break-word;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    color: var(--grey-200);
    font-size: var(--text-size-default)
}

.table-content.svelte-5yzxpf th.left,
.table-content.svelte-5yzxpf td.left {
    text-align: left
}

.table-content.svelte-5yzxpf th {
    font-weight: 600
}

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

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