.select-city-block {
	display:none;
	position:absolute;
	left: 0;
	top: calc(100%  + 10px);
	width:400px;
}
.focus .select-city-block {
	display:flex;
}

.select-city-block .select-close {
	position:absolute;
	top:8px;
	right:0;
	width:26px;
	height:26px;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
}
.select-city-block .select-close:before {
	flex: 0 0 auto;
	content:'';
	width:17px;
	height:17px;
	background: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.5L15.5 15.5M15.2586 1.5L1.5 15.5' stroke='%23B68D08' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center no-repeat;
	transition:all .35s ease;
}
@media (hover: hover) {
	.select-city-block .select-close:hover:before {
		transform:rotate(180deg);
	}
}
.select-city-block .select-values {
	display:flex;
	flex-direction:column;
	width: calc(100% - 35px);
	max-height:min(70vh, 364px);
	overflow:auto;
	background-color: #FFF;
	z-index:3;
	border-radius: 3px;
	border: 1px solid #0E0E0E;
	color:#0E0E0E;
	border-radius: 8px;
    overflow: hidden;	
}

.select-city-block .select-value {
	display:flex;
	align-items:center;
	padding:0 23px;
	gap:23px;
	width:291px;
	height:51px;
	border-radius: 25px;
	border: 1px solid #0E0E0E;	
	color: #0E0E0E;
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	background-color: #fff;
	user-select: none;
}
.select-city-block .select-value [data-value] {
	flex: 1 1 auto;
	overflow:hidden;
	text-overflow:ellipsis;
	text-transform:uppercase;
	white-space:nowrap;
}
.select-city-block .select-value [data-selector] {
	flex: 0 0 auto;
	width:17px;
	height:9px;
	background: url("data:image/svg+xml,%3Csvg width='17' height='9' viewBox='0 0 17 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 1L8.5 8L1 1' stroke='%230E0E0E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center no-repeat;
}
	


.select-city-block.focus .select-values {
	display:flex;
}
.select-city-block .select-list-values {
	max-height:272px;
	overflow:auto;
	width:100%;
}
.select-city-block .select-values [data-value] {
	flex: 0 0 auto;
	padding:8px 17px;
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	display:flex;
	text-transform:none;
	cursor:pointer;
	width:100%;
	max-width: 100%;
	overflow:hidden;
	white-space:nowrap;
	user-select: none;
}
.select-city-block .select-values [data-value].selected,
.select-city-block .select-values [data-value]:hover {
	background-color:#E4E4E4;
}
.select-city-block .select-values [data-value].hidden {
	display:none;
}
	
.select-city-block .select-values [data-search] {
	flex: 0 0 auto;
	display:flex;
	align-items:center;
	gap:5px;
	height:38px;
	padding:0 17px;
	width: 100%;
	max-width: inherit;
	overflow:hidden;
	margin-bottom:2px;
	position:relative;
}
.select-city-block .select-values [data-search]:after {
	content:"";
	position:absolute;
	width:calc(100% - 16px);
	left:8px;
	bottom:0;
	height: 1px;
    background-color: #0E0E0E;
}
.select-city-block .select-values [data-search] input {
	flex: 1 1 auto;
	border:none !important;
	outline:none !important;
	background:transparent !important;
	color:#0E0E0E;
}
.select-city-block .select-values [data-search] [data-lupa] {
	flex: 0 0 auto;
	width:16px;
	height:17px;
	background: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.67634 10.3287C10.5112 9.49386 10.9286 8.49144 10.9286 7.32143C10.9286 6.15141 10.5112 5.15216 9.67634 4.32366C8.84784 3.48884 7.84859 3.07143 6.67857 3.07143C5.50856 3.07143 4.50614 3.48884 3.67132 4.32366C2.84282 5.15216 2.42857 6.15141 2.42857 7.32143C2.42857 8.49144 2.84282 9.49386 3.67132 10.3287C4.50614 11.1572 5.50856 11.5714 6.67857 11.5714C7.84859 11.5714 8.84784 11.1572 9.67634 10.3287ZM15.7857 15.2143C15.7857 15.5432 15.6656 15.8278 15.4252 16.0681C15.1849 16.3084 14.9003 16.4286 14.5714 16.4286C14.2299 16.4286 13.9453 16.3084 13.7176 16.0681L10.4637 12.8237C9.33166 13.6079 8.06994 14 6.67857 14C5.77418 14 4.90774 13.8261 4.07924 13.4782C3.25707 13.1241 2.54557 12.6497 1.94475 12.0552C1.35026 11.4544 0.87593 10.7429 0.521763 9.92076C0.173921 9.09226 0 8.22582 0 7.32143C0 6.41704 0.173921 5.55376 0.521763 4.73158C0.87593 3.90309 1.35026 3.19159 1.94475 2.5971C2.54557 1.99628 3.25707 1.52195 4.07924 1.17411C4.90774 0.81994 5.77418 0.642856 6.67857 0.642856C7.58296 0.642856 8.44624 0.81994 9.26842 1.17411C10.0969 1.52195 10.8084 1.99628 11.4029 2.5971C12.0037 3.19159 12.4781 3.90309 12.8259 4.73158C13.1801 5.55376 13.3571 6.41704 13.3571 7.32143C13.3571 8.7128 12.965 9.97452 12.1808 11.1066L15.4347 14.3605C15.6687 14.5945 15.7857 14.8791 15.7857 15.2143Z' fill='%230E0E0E'/%3E%3C/svg%3E%0A") center no-repeat;
}

.select-city-block .select-values .select-shortcuts {
	padding:8px 17px;
	display:flex;
	flex-flow:row wrap;
	gap:0 21px;
	align-items:baseline;
}
.select-city-block .select-values .select-shortcuts [data-value] {
	color: #B68D08;
	font-size: 14px;
	font-weight: 400;
	line-height: 225%;
	text-decoration-line: underline;
	width:auto;
	padding:0;
	margin:0;
}
.select-city-block .select-values .select-shortcuts [data-value].selected,
.select-city-block .select-values .select-shortcuts [data-value]:hover {
	background-color:transparent;
	color: #212529;
}