@font-face {
    font-family: "Sportlab Sora";
    src: url("../fonts/Sora-Variable.ttf") format("truetype");
    font-style: normal;
    font-weight: 100 800;
    font-display: swap;
}

.sportlab-brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--bs-gray-900, #181c32);
    white-space: nowrap;
    vertical-align: middle;
}

.sportlab-brand:hover,
.sportlab-brand:focus {
    color: var(--bs-gray-900, #181c32);
}

.sportlab-brand__symbol {
    display: block;
    height: 34px;
    width: auto;
    flex-shrink: 0;
    overflow: visible;
}

.sportlab-brand__name {
    font-family: "Sportlab Sora", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.3px;
}

.sportlab-brand--inverse,
.sportlab-brand--inverse:hover,
.sportlab-brand--inverse:focus {
    color: #fff;
}

@media (prefers-reduced-motion: no-preference) {
    .sportlab-brand__piece {
        filter: brightness(1) drop-shadow(0 0 0 transparent);
        transition: filter 650ms ease-out;
    }

    .sportlab-brand__piece.is-lit {
        filter: brightness(1.9) drop-shadow(0 0 10px rgb(1 187 73 / 45%));
        transition-duration: 140ms;
    }

    .sportlab-brand__symbol.is-assembling .sportlab-brand__piece {
        animation: sportlab-assemble 430ms cubic-bezier(0.16, 1, 0.3, 1) both;
        animation-delay: calc(var(--piece-order) * 22ms);
    }

    .sportlab-brand--entering .sportlab-brand__name {
        animation: sportlab-wordmark 400ms ease-out 180ms both;
    }
}

@keyframes sportlab-assemble {
    from { transform: translate(-42px, 42px); opacity: 0; }
    to { transform: translate(0, 0); opacity: 1; }
}

@keyframes sportlab-wordmark {
    from { opacity: 0; }
    to { opacity: 1; }
}