#tsp-mobile-league-shortcuts {
    display: none;
}

@media (max-width: 760px) {
    #tsp-mobile-league-shortcuts {
        display: block;
        width: 100%;
        min-width: 0;
        color: #172027;
        background: #fff;
        border-bottom: 1px solid #dce1e4;
        font: 13px/1.2 'TSP Inter', Inter, system-ui, sans-serif;
    }

    #tsp-mobile-league-shortcuts ul {
        display: flex;
        align-items: stretch;
        min-width: 0;
        margin: 0;
        padding: 0;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        list-style: none;
        scrollbar-width: thin;
        scrollbar-color: #aeb6bd transparent;
    }

    #tsp-mobile-league-shortcuts li {
        flex: 0 0 59px;
    }

    #tsp-mobile-league-shortcuts a {
        display: flex;
        min-height: 62px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        padding: 6px 2px;
        color: inherit;
        text-decoration: none;
    }

    #tsp-mobile-league-shortcuts a:is(:hover, :focus-visible) {
        background: #f2f4f5;
    }

    #tsp-mobile-league-shortcuts a:focus-visible {
        outline: 2px solid #22577a;
        outline-offset: -2px;
    }

    #tsp-mobile-league-shortcuts .tsp-mobile-shortcut-mark {
        display: grid;
        width: 29px;
        height: 29px;
        flex: none;
        place-items: center;
        object-fit: contain;
        font-size: 23px;
        line-height: 1;
    }

    #tsp-mobile-league-shortcuts .tsp-mobile-shortcut-label {
        font-size: 11px;
        font-weight: 750;
    }
}