.trw-live-search{
	max-width:680px;
	margin:18px auto 28px;
	padding:0 18px;
	position:relative;
	z-index:20;
}

.trw-live-search__form{
	position:relative;
	margin:0;
}

.trw-live-search__row{
	display:flex;
	gap:8px;
	align-items:stretch;
}

.trw-live-search__input{
	flex:1 1 auto;
	min-width:0;
	width:100%;
	padding:12px 14px;
	border:1px solid #c9cdd2;
	border-radius:9px;
	background:#fff;
	color:#222;
	font-size:16px;
	line-height:1.4;
}

.trw-live-search__input:focus{
	outline:2px solid #1267a8;
	outline-offset:1px;
	border-color:#1267a8;
}

.trw-live-search__button{
	flex:0 0 auto;
	padding:12px 18px;
	border:0;
	border-radius:9px;
	background:#1267a8;
	color:#fff;
	font-size:16px;
	font-weight:700;
	cursor:pointer;
}

.trw-live-search__button:hover,
.trw-live-search__button:focus{
	background:#0d568e;
	color:#fff;
}

.trw-live-search__results{
	position:absolute;
	left:18px;
	right:18px;
	top:calc(100% + 6px);
	background:#fff;
	border:1px solid #d9dde2;
	border-radius:10px;
	box-shadow:0 10px 28px rgba(0,0,0,.14);
	overflow:hidden;
	max-height:420px;
	overflow-y:auto;
	z-index:9999;
}

.trw-live-search__result{
	display:block;
	padding:12px 14px;
	border-bottom:1px solid #eceff2;
	color:#222;
	text-decoration:none;
	background:#fff;
}

.trw-live-search__result:hover,
.trw-live-search__result:focus,
.trw-live-search__result.is-active{
	background:#f2f7fb;
	text-decoration:none;
}

.trw-live-search__type{
	display:block;
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.04em;
	color:#6a7077;
	margin-bottom:2px;
}

.trw-live-search__title{
	display:block;
	font-size:15px;
	font-weight:600;
	line-height:1.35;
}

.trw-live-search__all{
	display:block;
	padding:12px 14px;
	font-weight:700;
	color:#1267a8;
	text-decoration:none;
	background:#f8fafc;
}

.trw-live-search__all:hover,
.trw-live-search__all:focus{
	background:#eef6fb;
	text-decoration:none;
}

.trw-live-search__loading,
.trw-live-search__empty{
	padding:14px;
	color:#666;
	font-size:14px;
}

@media(max-width:640px){
	.trw-live-search{
		margin:14px auto 24px;
		padding:0 16px;
	}

	.trw-live-search__results{
		left:16px;
		right:16px;
	}

	.trw-live-search__row{
		gap:6px;
	}

	.trw-live-search__button{
		padding:12px 14px;
	}
}