.sn-map { height: 320px; width: 100%; background: var(--sn-ink-100, #eee); z-index: 0; }
.sn-map-address-field { position: relative; }

.sn-map-picker__suggestions {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 500;
	margin-top: 2px;
	max-height: 240px;
	overflow-y: auto;
	background: var(--sn-white, #fff);
	border: var(--sn-border-width) solid var(--sn-border-color);
	box-shadow: 0 4px 12px rgba(0,0,0,.12);
	list-style: none;
	margin-block: 0;
	padding: 0;
}
.sn-map-picker__suggestion {
	padding: var(--sn-space-2);
	cursor: pointer;
	font-size: var(--sn-text-sm);
	color: var(--sn-ink-900);
	border-bottom: 1px solid var(--sn-border-color);
}
.sn-map-picker__suggestion:last-child { border-bottom: none; }
.sn-map-picker__suggestion:hover,
.sn-map-picker__suggestion.is-active {
	background: var(--sn-ink-100, #f0f0f0);
}