/* Hide labels */
.bases-cards-group .bases-cards-property[data-property="note.Developer"] .bases-cards-label,
.bases-cards-group .bases-cards-property[data-property="note.Genres"] .bases-cards-label,
.bases-cards-group .bases-cards-property[data-property="note.Platforms"] .bases-cards-label,
.bases-cards-group .bases-cards-property[data-property="note.Description"] .bases-cards-label,
.bases-cards-group .bases-cards-property[data-property="note.Status"] .bases-cards-label { 
	display: none !important; 
}


/* Developer */
.bases-cards-group .bases-cards-property[data-property="note.Developer"] {
	transform: translateY(calc(-0.4 * var(--bases-cards-line-height)));
}
.bases-cards-group .bases-cards-property[data-property="note.Developer"] .bases-rendered-value{
	opacity: .65; 
	font-size: .95em;
}


/* Genres */
.bases-cards-group .bases-cards-property[data-property="note.Genres"] {
		transform: translateY(calc(-1 * var(--bases-cards-line-height)));
}
.bases-cards-group .bases-cards-property[data-property="note.Genres"] .value-list-element {
	padding: 2px 6px; 
	
	font-size:.9em;

	color: var(--tag-color);
	background: var(--tag-background); 

	border: 1px solid var(--tag-border-color, var(--tag-background));
	border-radius: 999px;
}


/* Platforms */
.bases-cards-group .bases-cards-property[data-property="note.Platforms"] {
	right: 12px !important; 
	left:auto !important;
	transform: translateY(calc(-3 * var(--bases-cards-line-height)));
}
.bases-cards-group .bases-cards-property[data-property="note.Platforms"] .value-list-element {
	font-size:.9em;
	padding: 2px 8px; 
    
	border: 1px solid var(--tag-border-color, var(--tag-background));
	border-radius: 999px; 
}


/* Description */
.bases-cards-group .bases-cards-property[data-property="note.Description"] {
	transform: translateY(calc(-3.5 * var(--bases-cards-line-height)));
	height: auto !important;
	padding: 0em 0.2em;
}
.bases-cards-group .bases-cards-property[data-property="note.Description"] .bases-rendered-value {
	display:block !important; 
	white-space: normal !important; 
	overflow: visible !important;
	
	font-size: 1em;
	height: auto !important;
}


/* Status */
.bases-cards-group .bases-cards-property[data-property="note.Status"] {
	transform: translateY(calc(-9 * var(--bases-cards-line-height)));
	left: auto !important;
	right: 1em !important;

}
.bases-cards-group .bases-cards-property[data-property="note.Status"] .bases-rendered-value {
	display:inline-block;
  
  font-weight: bold; 
  text-transform:uppercase; 
  letter-spacing:.04em;
  
  padding: 0.35em 0.8em; 
  border-radius:999px; background: var(--background-modifier-hover);
  border:1px solid var(--background-modifier-border);
}


/* Hover animation */
.bases-cards-group .bases-cards-item{ 
	transition: transform .12s ease, box-shadow .12s ease; 
}
.bases-cards-group .bases-cards-item:hover{ 
	transform: translateY(-1px); 
	box-shadow: 0 4px 18px var(--background-modifier-box-shadow); 
}