/* Distance ticks — Figma 1:6006–1:6018. Mint pills with map-pin icon.
   Spacing comes from the shared --ibv-tick-* tokens (tokens.css), kept in
   step with .ibv-amenity-ticks — tweak there, both move. */

.ibv-distance-ticks {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ibv-tick-pills-gap);
	list-style: none;
	margin: 0;
	padding: 0;
}

.ibv-distance-ticks__item {
	display: flex;
	align-items: center;
	gap: var(--ibv-tick-pill-gap);
	padding: var(--ibv-tick-pill-padding);
	background: var(--ibv-color-mint-100);
	border-radius: var(--ibv-radius-pill);
	font-family: var(--ibv-font-body);
	font-size: var(--ibv-fs-small);
	line-height: var(--ibv-lh-cozy);
	color: var(--ibv-color-forest-green-deep);
}

.ibv-distance-ticks__icon {
	flex-shrink: 0;
	color: var(--ibv-color-forest-green-deep);
}