input[list]:focus {
	outline: none;
}
input[list] + div[list] {
	display: none;
	position: absolute;
	align:justify;
	text-align:justify;
	height: 200px !important;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 100;
	font-size:14px;
	scrollbar-color: rgba(0,0,0,0.5) rgba(0,0,0,0)  !important;
	scrollbar-width: thin !important;
}
input[list] + div[list]::-webkit-scrollbar {
    width	: 15px;
    height	: 15px; 
}
input[list] + div[list]::-webkit-scrollbar:hover {
    height: 50px; 
}

input[list] + div[list]::-webkit-scrollbar-track-piece {
    background-color: grey;
	border-radius: 50px;
}
input[list] + div[list]::-webkit-scrollbar-thumb:vertical {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4d4d4d), color-stop(100%, #333333));
    border: 1px solid #0d0d0d;
    border-top: 1px solid #666666;
    border-left: 1px solid #666666; 
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
input[list] + div[list]::-webkit-scrollbar-thumb:horizontal {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4d4d), color-stop(100%, #333333));
    border: 1px solid #1f1f1f;
    border-top: 1px solid #666666;
    border-left: 1px solid #666666; 
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
input[list] + div[list]::-webkit-scrollbar-corner {
	background: #ecf0f3;
}

input[list] + div[list] span {
	display: block;
	padding: 7px 5px 7px 20px;
	color: var(--font-color);
	text-decoration: none;
	cursor: pointer;
	border:1px solid white;border-radius:10px;
	background:var(--bg-stronger);
}

input[list] + div[list] span:hover {
	background: var(--bg-strongest) !important;
	border:1px solid var(--bg-strongest) !important;
}
input[list] + div[list] option:active {
	background: red !important;
}