Remove Power-ups by perilstar

/* ==UserStyle==
@name           Remove Power-ups
@namespace      cinderwolf.net
@version        1.2.0
@description    Get rid of the power-ups section from the channel points popup!
@author         Cinder
==/UserStyle== */

@-moz-document domain("twitch.tv") {
    /* Hide original header "Power-ups & Rewards" */
    .reward-center__content:has(.rewards-list) #channel-points-reward-center-header .tw-title {
        visibility: hidden
    }
    /* Add it back without that cringe */
    .reward-center__content:has(.rewards-list) #channel-points-reward-center-header .tw-title::before {
        visibility: visible;
        position: absolute;
        content: 'Channel Point Rewards';
    }

    /* Manually add back the margin to the info button since
     * it can't calculate based on the pseudo-element */
    .reward-center__content button[aria-label="Learn More"] {
       margin-left: 10px;
    }


    /* Remove the bits counter at the top of the box */
    .krMWyI > div:nth-child(1) {
        display: none !important;
    }
    
    /* Remove the Power-ups and their header, also the
     * Rewards header since there's no need to specify */
    .rewards-list > *:nth-child(-n + 7) {
        display: none !important;
    }
    
    /* Remove the bits counter from the button at the bottom
     *
     * I would love to also edit the tooltip text, but
     * I don't think I can target it precisely */
    .chMBew > *:nth-child(-n + 2) {
        display: none !important;
    }
    .hmYPYb {
        display: none !important;
    }
    
    /* Remove the interactable bits button at the bottom of the popup */
    .reward-center__content .hPHdJk > div:nth-child(1) {
        display: none !important;
    }

    
    /* First one makes reference to both the custom named
     * channel points and the channel name, and also doesn't
     * provide any actually useful information. So, hide it
     * since it can't be recconstruted and I don't care. */
    .reward-center-body>:not(.rewards-list) .tw-interactable:nth-child(1) {
        display: none !important;
    }
    
    /* Hide the bits explainer in info tab */
    .reward-center-body>:not(.rewards-list) .tw-interactable:nth-child(3){
        display: none !important;
    }
}