#selector-icon{
	position: relative;
	top: 25%;
}
.selector_wrapper {
	height: 0vh;
	position: relative;
	top: 1.125em;	
	background: -o-linear-gradient(315deg, #8175fe, #89befe);
	background: linear-gradient(135deg, #8175fe, #89befe);
	background-color: #181818;
	transform: scale(0.65);
}
.selector_box {
	width: 5em;
	position: relative;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
}
.selector_container {
	width: 100%;
	height: 0em;
	background-color: #181818;
	border-radius: 0.3em;
	position: relative;
}

input[type="checkbox"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 50%;
	bottom: 0;
	cursor: pointer;
	outline: none;
	height: 5.6em;
	width: 12.5em;
	background-color: #000000;
	-webkit-transform: skewX(-7deg);
	-ms-transform: skewX(-7deg);
	transform: skewX(-7deg);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
input[type="checkbox"]:before {
	font-size: 1.5em;
	content: "YEAR";
	position: absolute;
	width: 3.75em;
	height: 2.9em;
	background-color: #2d2936;
	color: #a0a0a0;
	top: 0.42em;
	left: 0.42em;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	letter-spacing: 1px;
}
input[type="checkbox"]:checked {
	background: -o-linear-gradient(315deg, #8175fe, #89befe);
	background: linear-gradient(135deg, #8175fe, #89befe);
}
input[type="checkbox"]:checked:before {
	content: "ARTIST";
	left: 4.1em;
	color: #89befe;
}