.dashboardView {
	display: flex;
	flex-direction: column;
	gap: calc(var(--basic-spacing) * 4);
}

.dashboardView-bottomRow {
	display: flex;
	flex-direction: row;
	gap: calc(var(--basic-spacing) * 4);
}

.dashboardView-reviewsCard {
	width: 100%;
}

.dashboardView-projectsCard {
	flex: 1;
	min-width: 0;
}

.dashboardView-itemsCard {
	flex: 2;
	min-width: 0;
}

.dashboardView-cardHeading {
	align-items: center;
	background-color: rgb(var(--secondary-alt));
	display: flex;
	justify-content: space-between;
	padding: calc(var(--basic-spacing) * 1.5) var(--basic-spacing);
}

.dashboardView-headingText {
	color: rgb(var(--secondary-contrast));
	font-size: 24px;
}

.dashboardView-viewAllLink {
	color: rgb(var(--secondary-contrast));
	cursor: pointer;
	font-size: 14px;
	text-decoration: none;
	transition: opacity 0.2s ease-in-out;
}

.dashboardView-viewAllLink:hover {
	opacity: 0.8;
	text-decoration: underline;
}

.dashboardView-projectLink {
	color: rgb(var(--secondary));
	cursor: pointer;
	text-decoration: underline;
	transition: color 0.2s ease-in-out;
}

.dashboardView-projectLink:hover {
	color: rgb(var(--primary));
}

.dashboardView-pinIcon {
	align-items: flex-end;
	color: rgb(var(--secondary));
	cursor: pointer;
	display: flex;
	transition: color 0.2s ease-in-out;
}

.dashboardView-pinIcon:hover {
	color: rgb(var(--primary));
}

.dashboardView-launchButton {
	color: rgb(var(--secondary));
	cursor: pointer;
	font-size: 18px;
	transition: color 0.2s ease-in-out;
}

.dashboardView-launchButton:hover {
	color: rgb(var(--primary));
}

.dashboardView-launchButtonDisabled {
	color: rgb(var(--neutral));
	cursor: default;
	font-size: 18px;
	opacity: 0.4;
}

.dashboardView-emptyMessage {
	color: rgb(var(--neutral));
	padding: calc(var(--basic-spacing) * 3);
	text-align: center;
}

.dashboardView-emptyMessage a {
	color: rgb(var(--secondary));
}

.dashboardView-itemLink {
	color: rgb(var(--secondary));
	cursor: pointer;
	text-decoration: underline;
	transition: color 0.2s ease-in-out;
}

.dashboardView-itemLink:hover {
	color: rgb(var(--primary));
}
