.table-sort:hover,
.sorting_asc .table-sort,
.sorting_desc .table-sort {
    color: var(--tblr-body-color);
}

.sorting_asc .table-sort:after {
    -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 10l3 -3l3 3'/></svg>");
    mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 10l3 -3l3 3'/></svg>");
}

.sorting_desc .table-sort:after {
    -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 7l3 3l3 -3'/></svg>");
    mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 7l3 3l3 -3'/></svg>");
}

.btn-sm,
.btn-group-sm>.btn {
    --tblr-btn-line-height: 1.25rem;
}

td.dataTables_empty {
    text-align: center;
}

tfoot,
thead,
.table thead th {
    font-weight: 700;
    background: var(--tblr-body-bg) !important;
}

.card-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(var(--tblr-white-rgb), .75);
    z-index: 1001;
    -webkit-animation: cardOverlayEnter var(--tblr-transition-base-timer) ease;
    animation: cardOverlayEnter var(--tblr-transition-base-timer) ease;
    border-radius: var(--tblr-border-radius)
}

.card-overlay[data-bs-theme=dark],
[data-bs-theme=dark] .card-overlay:not([data-bs-theme]),
html[data-bs-theme=dark] .card-overlay {
    color-scheme: dark;
    background-color: rgba(var(--tblr-black-rgb), .5)
}

.card-overlay-fadeout {
    -webkit-animation: cardOverlayExit var(--tblr-transition-base-timer) ease;
    animation: cardOverlayExit var(--tblr-transition-base-timer) ease
}

@-webkit-keyframes cardOverlayEnter {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes cardOverlayEnter {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes cardOverlayExit {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes cardOverlayExit {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}



.card-facebook {
    --tblr-card-border-color: var(--tblr-facebook);
}

.card-youtube {
    --tblr-card-border-color: var(--tblr-youtube);
}

.card-instagram {
    --tblr-card-border-color: var(--tblr-instagram);
}

.card-tiktok {
    --tblr-card-border-color: var(--tblr-tiktok);
}

.reaction-item {
    cursor: pointer;
    opacity: calc(25 / 100) !important;
}


.reaction-item.active {
    opacity: 1 !important;
}

.navbar-brand-image-light,
.navbar-brand-image-dark {
    height: 2rem;
    width: auto;
}


.navbar-brand-image-light {
    display: block;
}

.navbar-brand-image-dark {
    display: none;
}

/* Dark mode */
[data-bs-theme="dark"] .navbar-brand-image-light {
    display: none;
}

[data-bs-theme="dark"] .navbar-brand-image-dark {
    display: block;
}

body[data-loading-theme="worldcup_2026"] .btn-loading:after {
    content: "";

    display: inline-block;

    position: absolute;

    width: var(--tblr-btn-icon-size);
    height: var(--tblr-btn-icon-size);

    left: calc(50% - var(--tblr-btn-icon-size) / 2);
    top: calc(50% - var(--tblr-btn-icon-size) / 2);

    border: none;
    border-radius: 0;

    background: url('/assets/img/mode/worldcup_icon_loading.png') center center no-repeat;
    background-size: contain;

    animation: worldcup-bounce .8s ease-in-out infinite;
}

body[data-loading-theme="worldcup_2026"] .spinner-border {
    border: none;
    animation: worldcup-bounce .8s ease-in-out infinite;

    background-image: url('/assets/img/mode/worldcup_icon_loading.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

body[data-loading-theme="worldcup_2026"] .go-to-top {
    background: transparent;
    color: var(--tblr-blue);
    border: 2px solid currentColor;
}

@keyframes worldcup-bounce {

    0%,
    100% {
        transform: translateY(0) scaleX(1.1) scaleY(.9);
    }

    25% {
        transform: translateY(-4px) scale(1);
    }

    50% {
        transform: translateY(-10px) scale(1);
    }

    75% {
        transform: translateY(-4px) scale(1);
    }
}

.go-to-top.visible {
    opacity: 1;
    pointer-events: auto;
}

.go-to-top {
    background: var(--tblr-blue);
    color: var(--tblr-white);
    bottom: var(--tblr-spacer-3);
    right: var(--tblr-spacer-3);
    width: var(--tblr-spacer-6);
    height: var(--tblr-spacer-6);
    border-radius: var(--tblr-border-radius);
    cursor: pointer;
    transition: .3s;
    z-index: 90;
    opacity: 0;
    pointer-events: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    border: 0;
}