/* ==========================================================
   Search
========================================================== */

#sg-collections-search {

	margin-bottom: 20px;

}

#sg-collections-search .sg-collections-search-wrapper{

	position:relative;

}

#sg-collections-search .sg-collections-search-input{

	width:100%;
	height:48px;

	padding:0 46px 0 46px;

	border:1px solid #1D2B40;
	border-radius:12px;

	background:#0D1522;
	color:#FFFFFF;

	font-size:15px;
	line-height:1;

	transition:
		border-color .2s ease,
		box-shadow .2s ease,
		background-color .2s ease;

}

#sg-collections-search .sg-collections-search-input::placeholder{

	color:#9CA3AF;

}

#sg-collections-search .sg-collections-search-input:focus{

	outline:none;

	border-color:#28AAE3;

	box-shadow:0 0 0 3px rgba(40,170,227,.15);

}

#sg-collections-search .sg-collections-search-icon{

	position:absolute;

	left:16px;
	top:50%;

	transform:translateY(-50%);

	font-size:18px;

	line-height:1;

	color:#9CA3AF;

	pointer-events:none;

}

#sg-collections-search .sg-collections-search-clear{

	position:absolute;

	right:10px;
	top:50%;

	transform:translateY(-50%);

	display:flex;
	align-items:center;
	justify-content:center;

	width:30px;
	height:30px;

	padding:0;

	border:0;
	border-radius:50%;

	background:transparent;

	color:#9CA3AF;

	font-size:22px;
	line-height:1;

	cursor:pointer;

	transition:
		background-color .2s ease,
		color .2s ease;

}


#sg-collections-search .sg-collections-search-clear:hover{

	background:#1D2B40;

	color:#FFF;

}

.sg-collections-search .sg-collections-search-results{

	margin:12px 2px 0;

	font-size:14px;

	color:#9CA3AF;

}

#sg-collections-search .sg-collections-search-empty{

	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;

	margin-top:24px;
	padding:30px;

	border:1px dashed #1D2B40;
	border-radius:12px;

	background:#0D1522;

	color:#FFFFFF;

	text-align:center;

}

#sg-collections-search .sg-collections-search-empty small{

	margin-top:6px;

	color:#9CA3AF;

}

#sg-collections-search .sg-collections-search-empty[hidden]{

	display:none !important;

}

#sg-collections-search .sg-collections-search-clear[hidden]{

	display:none !important;

}

#sg-collections-search .sg-collections-search-input,
#sg-collections-search .sg-collections-search-input:focus,
#sg-collections-search .sg-collections-search-input:active {

	color: #FFFFFF;
	-webkit-text-fill-color: #FFFFFF;
	background: #0D1522;

}
#sg-collections-search .sg-collections-search-input::selection {

	color: #FFFFFF;

}