/* Match the profile's blue palette and keep the controls still on hover. */
#app .csprofile :is(
    .csp2-nav > button,
    .csp2-nav-icon,
    .csp2-person-meta > .csp2-public-profile,
    .csp2-trade-form > button,
    .csp2-steam-hint,
    .csp2-stat-money > a,
    .csprofile__tabs > button,
    .csprofile__filter,
    .csprofile__sell-all,
    .csprofile__load-more > .csprofile__outline-btn
) {
    transition: color 180ms ease-out, background-color 180ms ease-out, text-decoration-color 180ms ease-out;
}

#app .csprofile .csp2-steam-hint {
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: 3px;
}

@media (hover: hover) and (pointer: fine) {
    #app .csprofile .csp2-nav > button:not(.is-active, :disabled):hover,
    #app .csprofile .csp2-nav > button:not(.is-active, :disabled):hover .csp2-nav-icon {
        color: #b8ecff;
    }

    #app .csprofile .csp2-person-meta > .csp2-public-profile:hover,
    #app .csprofile .csp2-trade-form > button:enabled:hover,
    #app .csprofile .csprofile__tabs > button:not(.active, :disabled):hover,
    #app .csprofile .csprofile__sell-all:enabled:hover,
    #app .csprofile .csprofile__load-more > .csprofile__outline-btn:enabled:hover {
        background-color: #2c414d;
        color: #e7f8ff;
    }

    #app .csprofile .csp2-stat-money > a:hover {
        background-color: #a0e4ff;
        color: #101b24;
    }

    #app .csprofile .csp2-steam-hint:hover {
        text-decoration-color: currentColor;
    }

    #app .csprofile .csprofile__filter:hover {
        color: #b8ecff;
    }
}

@media (prefers-reduced-motion: reduce) {
    #app .csprofile :is(
        .csp2-nav > button,
        .csp2-nav-icon,
        .csp2-person-meta > .csp2-public-profile,
        .csp2-trade-form > button,
        .csp2-steam-hint,
        .csp2-stat-money > a,
        .csprofile__tabs > button,
        .csprofile__filter,
        .csprofile__sell-all,
        .csprofile__load-more > .csprofile__outline-btn
    ) {
        transition: none;
    }
}