.demointaddress-wrapper {
	position: relative;
	display: block;
	width: 100%;
}

.demointaddress-input {
	box-sizing: border-box;
	width: 100%;
}

.demointaddress-input.demointaddress-loading {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 50 50'><path fill='%23999' d='M25 5a20 20 0 1 0 20 20h-4a16 16 0 1 1-16-16z'><animateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.7s' repeatCount='indefinite'/></path></svg>");
	background-repeat: no-repeat;
	background-position: right 8px center;
	background-size: 18px 18px;
}

.demointaddress-menu {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 9999;
	margin: 2px 0 0;
	padding: 0;
	list-style: none;
	background: #fff;
	border: 1px solid #d0d5dd;
	border-radius: 6px;
	box-shadow: 0 4px 12px rgba(16, 24, 40, 0.12);
	max-height: 280px;
	overflow-y: auto;
	display: none;
}

.demointaddress-open .demointaddress-menu {
	display: block;
}

.demointaddress-item {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 8px 12px;
	cursor: pointer;
	border-bottom: 1px solid #f0f1f3;
}

.demointaddress-item:last-child {
	border-bottom: none;
}

.demointaddress-item-active,
.demointaddress-item:hover {
	background-color: #f2f6ff;
}

.demointaddress-item-label {
	font-size: 14px;
	color: #101828;
	line-height: 1.3;
}

.demointaddress-item-description {
	font-size: 12px;
	color: #667085;
	line-height: 1.2;
}

.demointaddress-item-more .demointaddress-item-label::after {
	content: "›";
	float: right;
	color: #98a2b3;
	font-weight: 600;
}