.branch-selector-item-distance {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 11px;
  font-weight: 600;
  color: #7a8791;
  white-space: nowrap;
}

.branch-selector-item {
  display: flex;
  align-items: stretch;
  gap: 5px;
}

.branch-selector-item .branch-selector-item-btn {
	flex: 1 1 80%;
	position: relative;
	padding-right: 78px;
	background: transparent;
}

.branch-selector-item .branch-selector-item-detail {
	flex: 0 0 auto;
	width: 44px;
	min-width: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	padding: 12px 0;
	margin-bottom: 8px;
	border: 1px solid #d8dde0;
	border-radius: 4px;
	cursor: pointer;
	color: #515e67;
	background: transparent;
}

.branch-selector-item .branch-selector-item-detail:hover,
.branch-selector-item .branch-selector-item-detail:focus {
  background: rgb(234.5090909091, 240.3636363636, 243.2909090909);
  border-color: rgb(201.7928571429, 208.6142857143, 212.7071428571);
}

.branch-selector-item-arrow {
  font-size: 18px !important;
  line-height: 1;
  margin-top: 0;
}

.branch-selector-item-address {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.3;
	max-height: 2.6em; /* fallback when line-clamp unsupported */
}

.branch-selector-item.active .branch-selector-item-btn,
.branch-selector-item.active .branch-selector-item-detail {
  border-color: #7a8791;
}

.branch-selector-geo {
  margin-bottom: 12px;
}

.branch-selector-search {
  margin-bottom: 12px;
}

.branch-selector-load-more {
  width: 100%;
  margin-top: 8px;
}

#branch-selector-geo-try {
  padding-left: 0;
}