Changeset View

Standalone View

.container {		.container {
display: flex;		display: flex;
flex-direction: column;		flex-direction: column;
flex: 1;		flex: 1;
}		}

.headingContainer {		.headingContainer {
display: flex;		display: flex;
justify-content: space-between;		justify-content: space-between;
align-items: center;		align-items: center;
margin-bottom: 16px;		margin-bottom: 16px;
flex-wrap: wrap;		flex-wrap: wrap;
row-gap: 8px;		row-gap: 8px;
		/* We use 34px to match the coming soon badge's height and this
		keep everything aligned */
		min-height: 34px;
}		}

.headingText {		.headingText {
color: var(--white-100);		color: var(--white-100);
}		}

.comingSoonBadge {		.comingSoonBadge {
background-color: var(--badge);		background-color: var(--badge);
Show All 15 Lines	hr {
border-radius: 8px;		border-radius: 8px;
height: 1.5px;		height: 1.5px;
background-color: var(--black-80);		background-color: var(--black-80);
border: none;		border: none;
}		}

.descriptionText {		.descriptionText {
color: var(--white-80);		color: var(--white-80);
min-height: 80px;
margin-top: 8px;		margin-top: 8px;
}		}

.descriptionTextMutli {		.descriptionTextMutli {
color: var(--white-80);		color: var(--white-80);
margin-top: 16px;		margin-top: 16px;
}		}