.reviewsPageView {
	display: flex;
	flex-direction: column;
}

.reviewsPageView-header {
	align-items: center;
	background-color: rgb(var(--secondary-alt));
	display: flex;
	justify-content: space-between;
	padding: calc(var(--basic-spacing) * 1.5) calc(var(--basic-spacing));
}

.reviewsPageView-headingText {
	color: rgb(var(--secondary-contrast));
	font-size: 24px;
}

.reviewsPageView-toggle {
	border: 1px solid rgb(var(--secondary-contrast));
	border-radius: 5px;
	display: flex;
	flex-direction: row;
	overflow: hidden;
}

.reviewsPageView-toggleButton {
	background-color: transparent;
	border: none;
	color: rgb(var(--secondary-contrast));
	cursor: pointer;
	font-size: 14px;
	padding: calc(var(--basic-spacing) / 2) calc(var(--basic-spacing) * 1.5);
	transition: background-color 0.2s ease-in-out;
}

.reviewsPageView-toggleButton:hover {
	background-color: rgba(255, 255, 255, 0.15);
}

.reviewsPageView-toggleButtonActive {
	background-color: rgb(var(--primary));
	border: none;
	color: rgb(var(--primary-contrast));
	cursor: pointer;
	font-size: 14px;
	padding: calc(var(--basic-spacing) / 2) calc(var(--basic-spacing) * 1.5);
}

.reviewsPageView-reviewLink {
	color: rgb(var(--secondary));
	cursor: pointer;
	text-decoration: underline;
	transition: color 0.2s ease-in-out;
}

.reviewsPageView-reviewLink:hover {
	color: rgb(var(--primary));
}

.reviewsPageView-completedIcon {
	color: rgb(var(--secondary));
	font-size: 20px;
}

.reviewsPageView-launchButton {
	color: rgb(var(--secondary));
	cursor: pointer;
	font-size: 18px;
	transition: color 0.2s ease-in-out;
}

.reviewsPageView-launchButton:hover {
	color: rgb(var(--primary));
}

.reviewsPageView-launchButtonDisabled {
	color: rgb(var(--neutral));
	cursor: default;
	font-size: 18px;
	opacity: 0.4;
}

.reviewsPageView-emptyMessage {
	color: rgb(var(--neutral));
	padding: calc(var(--basic-spacing) * 6);
	text-align: center;
}