.episodes-group-heading {
	position: sticky;
	top: 0;
	margin: 2rem 0 0 0;
	padding: 1rem 0 3rem 0;
	background: $body-bg;
	background: linear-gradient(180deg, $body-bg, $body-bg 65%, transparent);
	z-index: 1;
}

.episodes-item {
	background-size: 6rem auto;
	background-repeat: no-repeat;
	background-position: left bottom;
	min-height: 8rem;

	&.is-active {
		border-color: $success !important;
		box-shadow: 0 0 0.25rem 0.25rem $success;
	}

	.episode-start {
		width: 4rem;
	}
	@include media-breakpoint-up(md) {
		.episode-body {
			margin-left: 5rem;
		}
	}
	.episode-channel-links > * {
		margin: 0.5ex 0;
		&:first-child {
			margin-top: 0;
		}
		&:last-child {
			margin-bottom: 0;
		}
	}
	.episode-players {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	@include media-breakpoint-down(md) {
		.episode-event {
			margin-left: 5rem;
		}
	}

	.event-link {
		color: inherit;
		text-decoration: none;
		&:hover {
			color: $link-color;
			text-decoration: underline;
		}
	}
	.player-link {
		border: none;

		img {
			max-height: 3rem;
			width: auto;
			border-radius: 50%;
			margin: 0 0.5rem 0 0;
		}
		span {
			vertical-align: middle;
		}
	}
}

.crew-member {
	border: none;

	img {
		max-height: 2rem;
		width: auto;
		border-radius: 50%;
		margin: 0 0.25rem 0 0;
	}
	span {
		vertical-align: middle;
	}

	&.unconfirmed {
		opacity: 0.25;
		&:hover {
			opacity: 1;
		}
	}
}

.channel-select {
	.search-results-holder {
		position: relative;
	}
	.search-results {
		position: absolute;
		left: 0;
		top: 100%;
		z-index: 1;
		width: 100%;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		box-shadow: 1ex 1ex 1ex rgba(0, 0, 0, 0.5);
	}
	&.collapsed .search-results {
		display: none;
	}
	&.expanded .search-input {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
}