/* pages/main/travel-location-map/index.less */
.container {
	width: 100%;
	height: 100vh;
	position: fixed;
	overflow: hidden;

	.map {
		width: 100%;
		height: 100%;
	}

	.custom-callout {
		width: fit-content;
		padding: 12rpx 16rpx;
		display: flex;
		min-width: 300rpx;
		max-width: 400rpx;
		background: #fff;
		box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, .15);
		border-radius: 6rpx;
		flex-direction: column;

		.location-item {
			display: flex;
			padding: 6rpx 0;
			align-items: center;

			&:not(:last-child) {
				border-bottom: 1px solid #eee;
			}

			.type {
				color: #fff;
				padding: 2rpx 8rpx;
				font-size: 24rpx;
				flex-shrink: 0;
				background: var(--theme-wx, #07c160);
				margin-right: 12rpx;
				border-radius: 4rpx;
			}

			.title {
				flex: 1;
				color: #333;
				overflow: hidden;
				font-size: 28rpx;
				font-weight: bold;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
		}
	}

	.loading {
		top: 50%;
		left: 50%;
		z-index: 1000;
		position: fixed;
		transform: translate(-50%, -50%);

		.loading-text {
			color: #666;
			padding: 24rpx 48rpx;
			background: #FFF;
			border-radius: 8rpx;
			box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, .15);
		}
	}
}