.btn-theme-edit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--accent-light);
    border: 1px solid color-mix(in oklab, var(--accent-color), white 65%);
    color: var(--accent-color);
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.btn-theme-edit:hover,
.btn-theme-edit:focus-visible {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
    color: #fff;
}

.btn-theme-edit:focus-visible {
    outline: 2px solid var(--accent-color);
    outline-offset: 2px;
}

.tabular-nums {
    font-variant-numeric: tabular-nums;
}

:root {
    scroll-behavior: auto;
}

.mannschaft-section {
    scroll-margin-top: calc(var(--header-height) + 1rem);
}

.mannschaft-aufstellung-brett {
    scroll-margin-top: calc(var(--header-height) + 1.5rem);
}

.mannschaft-band {
    background-color: var(--accent-light);
    color: var(--accent-color);
}

@keyframes mannschaft-arrival {
    from {
        background-color: var(--accent-color);
        color: #fff;
    }
    to {
        background-color: var(--accent-light);
        color: var(--accent-color);
    }
}

.mannschaft-section:target .mannschaft-band {
    box-shadow: inset 0 0 0 1px var(--accent-color);
}

.mannschaft-section.mannschaft-arrived .mannschaft-band {
    animation: mannschaft-arrival 1000ms cubic-bezier(0.16, 1, 0.3, 1);
}

.geocoding-check-link .bi-arrow-right {
    display: inline-block;
    transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1);
}

.geocoding-check-link:hover .bi-arrow-right,
.geocoding-check-link:focus-visible .bi-arrow-right {
    transform: translateX(0.25rem);
}

@media (prefers-reduced-motion: reduce) {
    .mannschaft-section:target .mannschaft-band {
        background-color: var(--accent-color);
        color: #fff;
    }

    .mannschaft-section.mannschaft-arrived .mannschaft-band {
        animation: none;
    }

    .geocoding-check-link .bi-arrow-right {
        transition: none;
    }

    .geocoding-check-link:hover .bi-arrow-right,
    .geocoding-check-link:focus-visible .bi-arrow-right {
        transform: none;
    }
}

.mannschaften-col-nr {
    width: 40px;
}

.mannschaften-mobile-elo {
    font-size: 0.8rem;
}

.mannschaften-contact-locked {
    margin-top: auto;
}