.container {
	position: relative;
	display: flex;
	align-items: center;

	& > * {
		margin-right: 1em;

		&*:last-child {
			margin-right: 0;
		}
	}

	&.seekDisabled {
		.time,
		.progressbarWrapper {
			visibility: hidden;
		}
	}

	.time {
		color: #ffffff;
		white-space: nowrap;
	}

	.progressbarWrapper {
		display: flex;
		justify-content: center;
		align-items: center;

		width: 100%;
		padding: 0.5em 0;

		cursor: pointer;
	}

	.progressbarContainer {
		position: relative;
		width: 100%;
		height: 0.25em;
		background: rgba(255, 255, 255, 0.3);
	}

	.progress {
		position: absolute;
		top: 0;
		left: 0;
		width: 0%;
		height: 100%;
		background: rgba(255, 255, 255, 1);
	}
}