.playlistnote {

}

.playlistnote .sectionTitle {
    font-family: 'Metropolis Bold';
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: 3.6px;
    color: #333;
}

  
.playlistnote .textAreaContainer {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	width: 100%;
	border-radius: 17px;
	border: solid 1px #c8c8c7;
	background-color: white;
	margin-top: 20px;
}

.playlistnote .textAreaContainer .saveButton {
	display: flex;
	align-items: center;
	border-radius: 14px;
	background-color: #2cdd6b;
	padding: 10px 40px;
	font-family: 'Metropolis Bold';
	font-size: 18px;
	letter-spacing: 4.32px;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
	width: fit-content;
	margin: 10px 20px 10px;
	cursor: pointer;
}

.playlistnote .notesInput {
	width: 100%;
	padding: 10px;
	color: #7c7c7c;
	background-color: white;
	overflow-wrap: break-word;
	overflow: auto;
	overflow-x: hidden;
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	resize: none;
	font-family: 'Metropolis Regular';
	letter-spacing: 4.32px;
	font-size: 18px;
	border: none;
	border-radius: 17px;
}

.playlistnote .notesInput::placeholder {
	color: #c8c8c7;
}

.playlistnote .hLine {
    width: 100%;
    height: 1px;
    margin: 5px 0;
    background-color: #707070;
}