Rewards & Bits Menu by jeted

/* ==UserStyle==
@name           Rewards
@namespace      JeteD
@version        1.3.1
@homepageURL    https://userstyles.world/style/136/rewards-menu
@author         JeteD
@preprocessor   stylus

@var text otherChannels   'Colonnes sur les autres chaînes' '4'
@var text mainChannel     'Colonnes chez Encoore' '8'

==/UserStyle== */

@-moz-document regexp("^https://www.twitch.tv/[a-zA-Z0-9_-]+") {
	* {
		--columns: otherChannels;
	}

	/* REWARDS MENU */

	// Moves the menu
	[direction="top-left"] {
		inset: unset !important;
		bottom: 0 !important;
		margin-bottom: 0 !important;
		transform: translatex(calc(-100% - 20px)) !important;
	}

	// Resizes the menu
	.reward-center__content {
		height: 100% !important;
		max-height: calc(100vh - 20px) !important;
		max-width: calc(100vw - 362px) !important;
		width: calc(var(--columns) * 93px + (var(--columns) * 10px) + 10px) !important;
	}
	.reward-center-body {
		max-width: 100% !important;
		min-height: 0 !important;
	}

	// Resizes height to show all rewards
	[aria-labelledby="channel-points-reward-center-header"] {
		height: auto !important;
		max-height: 100vh !important;
	}

	// Removes unnecessary info and fixes padding
	.reward-center__content> :first-child {
		min-height: 5rem !important;
	}
	.rewards-list,
	#channel-points-reward-center-body {
		padding-bottom: unset !important;
	}
	.rewards-list> :last-child {
		display: none !important;
	}

	/* BITS MENU */

	// Moves bits menu
	.bits-card-wrapper {
		bottom: -45px !important;
		right: 345px !important;
	}

	// Resizes height to show all cheermotes
	.cheermote-prefix-selector {
		height: auto !important;
	}
}

@-moz-document url("https://www.twitch.tv/encoore") {
	* {
		--columns: mainChannel;
	}
}