.inplaytracker-content {
	display: flex;
	flex-direction: column;
	gap: 40px;
	
	.inplaytracker {
		display: flex;
		flex-direction: column;
		gap: 10px;
		
		.scene-wrapper {
			display: flex;
			flex-direction: column;
			gap: 10px;
			max-height: 250px;
  			overflow: auto;
  			scrollbar-width: thin;
		}
	}
}

.scene {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 10px;
	font: 10.5px 'Quicksand';
	letter-spacing: 1px;
	text-transform: uppercase;
	background-color: var(--color-inplaytracker-scene);
	cursor: pointer;
	
	&:hover {
		background-color: var(--color-inplaytracker-scene-hover);
	}
		
	i {
		min-width: 15px;
	}
	
	.details {
		display: flex;
		gap: 20px;
	}

	.detail,
	.characters {
		display: flex;
		align-items: center;
		gap: 10px;
	}
}

.player {
	
	&:after {
		content: "•";
	}

	&:last-child:after {
		display: none;
	}
}