.media-title-banner .media-actions > * > *.save .popup-fullscreen .popup-main > div.saveto-popup {

	color: var( --playlist-save-popup-text-color );

	.saveto-select,
	.saveto-create,
	.saveto-new-playlist{
		border-color: var( --playlist-save-popup-border-color );
	}

	.saveto-title{

		.circle-icon-button{

			&:hover,
			&:focus,
			&:active{
				color: var( --playlist-save-popup-text-color );
			}
		}
	}

	.saveto-create{

		color: var( --playlist-save-popup-text-color );

		.material-icons{
			color: var( --playlist-save-popup-create-icon-text-color );
		}

		&:focus{

			> * {
				background-color: var( --playlist-save-popup-create-focus-bg-color );
			}
		}
	}

	.saveto-new-playlist{

	}
}

.media-title-banner .media-actions > * > *.save .popup-fullscreen{
	padding-top:64px;
	padding-bottom:8px;
}

.media-title-banner .media-actions > * > *.save .popup-fullscreen .popup-main > div.saveto-popup {

	max-width:580px;
	padding:0;

	.saveto-select,
	.saveto-create,
	.saveto-new-playlist{
		border-width:1px 0 0;
		border-style:solid;
	}

	.saveto-title{
		height:52px;
		padding:16px 52px 15px 24px;
		line-height: 20px;
		font-size:16px;

		.circle-icon-button{
			position:absolute;
			top:6px;
			right:6px;
			background:none;
		}
	}

	.saveto-select{

		overflow:auto;
		padding:12px 18px 12px 24px;

		> *{
			width:100%;
		}

		label{
			position:relative;
			display:table;
			width:100%;
			padding:4px 0;
			font-size:14px;
			line-height:24px;
			cursor: pointer;

			> * {
				display:table-cell;
			}

			input[type="checkbox"]{
				display:inline-block;
			}

			span{
				width:100%;
				padding:0 4px 0 16px;
				text-align:initial;
			}

			.material-icons{
				width:18px;
				padding-top:4px;
				text-align:right;
				font-size:18px;
				vertical-align:top;
				color:rgb(144, 144, 144);
			}
		}
	}

	.saveto-create{
		width:100%;
		height:52px;
		font-size:14px;
		line-height:21px;
		text-align:initial;
		background:none;
		border-radius: 0;

		> *{
			padding:0 24px;
			border-radius: 0;
		}

		span{

		}

		.material-icons{
			margin-right:16px;
		}
	}

	.saveto-new-playlist{

	}


}


/* Tab Navigation */
.hw-tabs {
	.circle-icon-button {
		position: absolute;
		top: 10px;
		right: 2px;
	}
	ul.nav {
		width: 40%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-left: 0px;
	}
	ul.nav li {
		width: 50%;
		list-style: none;
		text-align: center;
		cursor: pointer;
	}
	ul.nav li:nth-child(2) {
		border-radius: 0;
	}
	ul.nav li:hover span,
	ul.nav li.active span {
		font-weight: bold;
		border-bottom: 1px solid #fff;
		position: relative;
		padding-bottom: 18px;
	}
}
