.ww-pl-modal{
	position:fixed;
	inset:0;
	display:none;
	align-items:center;
	justify-content:center;
	background:rgba(0,0,0,.65);
	z-index:99999;
}

.ww-pl-box{
	width:420px;
	max-width:95%;
	background:#ffffff;
	border-radius:12px;
	overflow:hidden;
	box-shadow:0 20px 60px rgba(0,0,0,.35);
}

.ww-pl-header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:18px 20px;
	border-bottom:1px solid #ececec;
}

.ww-pl-header h3{
	margin:0;
	font-size:20px;
	font-weight:700;
	color:#222;
}

.ww-pl-close{
	background:none;
	border:0;
	font-size:28px;
	cursor:pointer;
	line-height:1;
	color:#444;
}

.ww-pl-loader{
	padding:20px;
	text-align:center;
	font-size:14px;
	color:#666;
}

.ww-pl-list{
	max-height:320px;
	overflow-y:auto;
	padding:15px 20px;
}

.ww-pl-item{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:12px 0;
	border-bottom:1px solid #f2f2f2;
}

.ww-pl-item:last-child{
	border-bottom:none;
}

.ww-pl-name{
	font-size:15px;
	font-weight:600;
	color:#222;
}

.ww-pl-footer{
	padding:18px 20px;
	border-top:1px solid #ececec;
}

#ww-new-pl-trigger{
	width:100%;
	padding:10px;
	border:0;
	border-radius:8px;
	background:#ff2f7d;
	color:#fff;
	font-size:14px;
	font-weight:700;
	cursor:pointer;
}

#ww-new-pl-box{
	margin-top:15px;
}

#ww-new-pl-name{
	width:100%;
	padding:10px 12px;
	border:1px solid #ddd;
	border-radius:8px;
	font-size:14px;
	margin-bottom:10px;
}

#ww-create-playlist{
	width:100%;
	padding:10px;
	border:0;
	border-radius:8px;
	background:#111827;
	color:#fff;
	font-size:14px;
	font-weight:700;
	cursor:pointer;
}

.ww-pl-status{
	padding:15px 20px;
	font-size:13px;
	color:#16a34a;
	text-align:center;
	min-height:22px;
}

@media(max-width:480px){

	.ww-pl-box{
		width:94%;
	}

}