/* CSS Document */

#pagePath{
	background: #41583F;
	color: #fff;
}

#main{
	margin-bottom: clamp(64px, calc(128 / 1200 * 100vw), 128px);
}

#access{
	margin-bottom: clamp(40px, calc(64 / 1200 * 100vw), 64px);
	& h2{
		display: grid;
		grid-template-columns: var(--wrap);
		justify-content: center;
		padding: clamp(24px, calc(32 / 1200 * 100vw), 32px) 0 clamp(56px, calc(64 / 1200 * 100vw), 64px) 0;
		background: #41583F;
		color: #fff;
		font: 600 clamp(45px, calc(65 / 768 * 100vw), 65px) 'eb-garamond', var(--font-min);
		letter-spacing: 0.045em;
		text-align: center;
		&:lang(zh-tw){
			font-family: var(--font-min);
		}
	}
	& figure{
		aspect-ratio: 16 / 9;
		width: min(var(--wrap-fit), 1000px);
		margin-inline: auto;
		margin-top: clamp(40px, calc(72 / 1200 * 100vw), 72px);
		background: #ccc;
		color: transparent;
		& img{
			aspect-ratio: 16 / 9;
		}
	}
	#accessTab{
		margin-top: clamp(40px, calc(72 / 1200 * 100vw), 72px);
	}
}

#accessTab{
	display: grid;
	grid-template-columns: var(--wrap);
	justify-content: center;
	& ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		grid-gap: clamp(8px, calc(16 / 1200 * 100vw), 16px) 28px;
	}
	& li{
		display: contents;
	}
	& a{
		display: grid;
		align-items: center;
		text-align: center;
		min-width: min(100%, 380px);
		min-height:  clamp(56px, calc(80 / 768 * 100vw), 80px);
		padding: 4px 24px;
		border: 1px solid #41583F;
		border-radius: clamp(28px, calc(40 / 768 * 100vw), 40px);
		color: inherit;
		font-weight: 600;
		font-size: clamp(21px, calc(23 / 768 * 100vw), 23px);
		text-decoration: none;
		.select &{
			background: #41583F;
			color: #fff;
		}
	}
}

#route{
	& h2{
		display: none;
	}
}

#routeSearch{
	& dt{
		display: grid;
		grid-template-columns: var(--wrap);
		justify-content: center;
		align-items: center;
		height: clamp(48px, calc(64 / 768 * 100vw), 64px);
		background: #8D968D;
		font-weight: 600;
		font-size: clamp(18px, calc(26 / 768 * 100vw), 26px);
		text-align: center;
		letter-spacing: 0.06em;
		&:nth-of-type(n+2){
			margin-top: clamp(32px, calc(72 / 1200 * 100vw), 72px);
		}
	}
	& dd{
		display: grid;
		grid-gap: 8px 24px;
		width: min(var(--wrap-fit), 800px);
		margin-inline: auto;
		margin-top: clamp(16px, calc(32 / 1200 * 100vw), 32px);
		font-weight: 600;
		@media (min-width: 576px) {
			grid-template-columns: repeat(auto-fill, minmax(min(100%, 180px), 1fr));
			justify-content: center;
		}
		& a{
			display: flex;
			justify-content: center;
			align-items: center;
			min-height: 40px;
			padding: 4px 16px;
			border: 1px solid #243124;
			border-radius: 20px;
			color: #8D968D;
			font-weight: 600;
			font-size: 17px;
			text-align: center;
			text-decoration: none;
			letter-spacing: 0.06em;
			&.select{
				background: #41583F;
				color: #fff;
			}
		}
	}
}

#routeTable{
	display: grid;
	grid-template-columns: min(var(--wrap-fit), 1040px);
	justify-content: center;
	margin-top: clamp(32px, calc(72 / 1200 * 100vw), 72px);
	padding-top: clamp(32px, calc(72 / 1200 * 100vw), 72px);
	background: #E4EDE4;
	overflow: hidden;
	@media (min-width: 992px) {
		padding-bottom: 120px;
	}
	&:not(:has(dl)) h3{
		padding-bottom: clamp(72px, calc(120 / 1200 * 100vw), 120px);
	}
	& h3{
		color: #41583F;
		font-weight: 600;
		font-size: clamp(20px, calc(30 / 768 * 100vw), 20px);
		text-align: center;
		letter-spacing: 0.06em;
	}
	& h3+div{
		display: grid;
		@media (min-width: 992px) {
			grid-row-gap: 40px;
			margin-top: 54px;
		}
	}
	& dl{
		position: relative;
		grid-gap: 8px 16px;
		@media (max-width: 991.98px) {
			display: grid;
			margin: 0 -24px;
			padding: 32px 24px;
			border-bottom: 8px solid #fff;
		}
		@media (min-width: 992px) {
			display: flex;
			margin: 0 -20px;
			padding: 16px 20px;
			border-bottom: 1px solid #41583F;
			& ul{
				margin-left: auto;
			}
		}
	}
	& dt{
		display: grid;
		grid-template-columns: auto 1fr;
		grid-gap: 8px;
		font-weight: 600;
		font-size: clamp(16px, calc(22 / 768 * 100vw), 22px);
		&:before{
			content: "";
			grid-column: 1;
			grid-row: 1 / 3;
			aspect-ratio: 1;
			width: clamp(26px, calc(34 / 768 * 100vw), 34px);
			background: #41583F url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path d="M7,1v11l-2.5-3.5" style="fill: none; stroke: %23F5F5F6;"/></svg>') no-repeat center / 14px;
			border-radius: 100%;
			transform: translateY(clac(0.825em - 50%));
		}
		@media (max-width: 991.98px) {
			&:has(span):before{
				grid-row: 1 / 3;
			}
		}
		@media (min-width: 992px) {
			& span{
				display: contents;
			}
		}
	}
	& dd{
		display: contents;
		& a{
			&[data-start],
			&[target]{
				justify-self: start;
				align-self: center;
				display: grid;
				grid-template-columns: auto auto;
				column-gap: 4px;
				color: #41583F;
				font-weight: 600;
				font-size: 17px;
				text-decoration: none;
				cursor: pointer;
				z-index: 1;
				&:after{
					content: "";
					aspect-ratio: 1;
					width: 12px;
					background: currentColor;
					transform: translateY(calc(0.825em - 50%));
					-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" style="fill: none; stroke: black; stroke-miterlimit: 10; stroke-width: 2px;"><polyline points="1 11 11 1" /><polyline points="1 1 11 1 11 11" /></svg>') no-repeat center / contain;
				}
			}
			&[href^="#route"]{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				font-size: 0;
			}
		}
	}
	& ul{
		display: flex;
		align-items: center;
		column-gap: 8px;
	}
	& li{
		position: relative;
		aspect-ratio: 1;
		width: 30px;
		background: #fff;
		border: 1px solid #000;
		border-radius: 100%;
		font-size: 0;
		overflow: hidden;
		&:before{
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: #1A1311;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"></svg>') no-repeat center / contain;
		}
		&[data-icon="air"]:before{
			-webkit-mask-image: var(--icon-air);
		}
		&[data-icon="train"]:before{
			-webkit-mask-image: var(--icon-train);
		}
		&[data-icon="bus"]:before{
			-webkit-mask-image: var(--icon-bus);
		}
		&[data-icon="car"]:before{
			-webkit-mask-image: var(--icon-car);
		}
		&[data-icon="walk"]:before{
			-webkit-mask-image: var(--icon-walk);
		}
		&[data-icon="ship"]:before{
			-webkit-mask-image: var(--icon-ship);
		}
		&[data-icon="cycle"]:before{
			-webkit-mask-image: var(--icon-cycle);
		}
	}
}

#routeResult{
	display: grid;
	grid-template-columns: min(var(--wrap-fit), 1000px);
	justify-content: center;
	grid-row-gap: clamp(56px, calc(120 / 1200 * 100vw), 120px);
	padding-top: clamp(24px, calc(72 / 1200 * 100vw), 72px);
}

#useful{
	display: grid;
	grid-template-columns: min(var(--wrap-fit), 1040px);
	justify-content: center;
	margin-top: clamp(64px, calc(152 / 1200 * 100vw), 152px);
	& h2{
		font: 700 clamp(20px, calc(30 / 768 * 100vw), 30px) 'eb-garamond', var(--font-min);
		@media (max-width: 991.98px) {
			display: grid;
			grid-template-columns: auto 1fr;
			column-gap: 8px;
			color: #2A4029;
			&:before{
				content: "";
				aspect-ratio: 1;
				width: clamp(20px, calc(30 / 768 * 100vw), 30px);
				background: currentColor;
				transform: translateY(calc(0.825em - 50%));
				-webkit-mask: var(--logoMark) no-repeat center / contain;
			}
		}
	}
	& section{
		display: grid;
		grid-gap: 16px;
		margin-top: clamp(8px, calc(16 / 1200 * 100vw), 16px);
		&:first-child{
			margin-top: clamp(16px, calc(32 / 1200 * 100vw), 32px);
		}
		& ul{
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
			justify-items: start;
			grid-gap: 8px 24px;
		}
		& a{
			display: grid;
			grid-template-columns: auto auto;
			column-gap: 4px;
			color: #41583F;
			font-weight: 600;
			font-size: 17px;
			text-decoration: none;
			cursor: pointer;
			z-index: 1;
			&:after{
				content: "";
				aspect-ratio: 1;
				width: 12px;
				background: currentColor;
				transform: translateY(calc(0.825em - 50%));
				-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" style="fill: none; stroke: black; stroke-miterlimit: 10; stroke-width: 2px;"><polyline points="1 11 11 1" /><polyline points="1 1 11 1 11 11" /></svg>') no-repeat center / contain;
			}
		}
	}
	& h3{
		position: relative;
		display: grid;
		grid-template-columns: 1fr auto;
		align-items: center;
		min-height: clamp(40px, calc(72 / 768 * 100vw), 72px);
		padding: 4px 16px 4px clamp(16px, calc(48 / 768 * 100vw), 48px);
		background: #41583F;
		border-radius: clamp(8px, calc(10 / 768 * 100vw), 10px);
		color: #fff;
		font-weight: 600;
		font-size: clamp(17px, calc(30 / 768 * 100vw), 30px);
		cursor: pointer;
		&:after{
			content: "";
			aspect-ratio: 1;
			width: 24px;
			background: currentColor;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style="fill: none; stroke: black;"><polyline points="12 0 12 23 6 16" /></svg>') no-repeat center / contain;
		}
		&.open:after{
			transform: scale(1, -1);
		}
	}
	& li{
		display: contents;
	}
	& footer{
		margin-top: 24px;
		& ul{
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
			grid-gap: 16px 24px;
			}
		& a{
			display: grid;
			grid-template-columns: 1fr auto;
			align-items: center;
			column-gap: 8px;
			min-height: clamp(40px, calc(64 / 768 * 100vw), 64px);
			padding: 4px 16px 4px 24px;
			border: 2px solid #41583F;
			border-radius: clamp(20px, calc(32 / 768 * 100vw), 32px);
			color: inherit;
			font-size: clamp(14px, calc(16 / 768 * 100vw), 16px);
			letter-spacing: 0.02em;
			text-decoration: none;
			&:after{
				content: "";
				aspect-ratio: 1;
				width: 20px;
				background: currentColor;
				-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" style="fill: none; stroke: black; "><polyline points="0 10 19.5 10 12 5" /></svg>') no-repeat center / contain;
			}
			@media (min-width: 992px) {
				font-weight: 600;
			}
		}
	}
}

#pamphlet{
	display: grid;
	grid-template-columns: min(var(--wrap-fit), 1040px);
	justify-content: center;
	margin-top: clamp(40px, calc(104 / 1200 * 100vw), 104px);
	& h2{
		display: grid;
		grid-template-columns: auto 1fr;
		column-gap: 8px;
		color: #2A4029;
		font: 700 clamp(20px, calc(30 / 768 * 100vw), 30px) 'eb-garamond', var(--font-min);
		&:before{
			content: "";
			aspect-ratio: 1;
			width: clamp(20px, calc(30 / 768 * 100vw), 30px);
			background: currentColor;
			transform: translateY(calc(0.825em - 50%));
			-webkit-mask: var(--logoMark) no-repeat center / contain;
		}
	}
	& h2+div{
		display: flex;
		justify-content: center;
		margin-top: clamp(24px, calc(32 / 1200 * 100vw), 32px);
	}
	& a{
		display: grid;
		grid-template-columns: 1fr auto;
		align-items: center;
		column-gap: 8px;
		min-width: min(100%, 544px);
		min-height: clamp(40px, calc(64 / 768 * 100vw), 64px);
		padding: 4px 16px 4px 24px;
		border: 2px solid #41583F;
		border-radius: clamp(20px, calc(32 / 768 * 100vw), 32px);
		color: inherit;
		font-size: clamp(14px, calc(16 / 768 * 100vw), 16px);
		letter-spacing: 0.02em;
		text-decoration: none;
		&:after{
			content: "";
			aspect-ratio: 1;
			width: 20px;
			background: currentColor;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" style="fill: none; stroke: black; "><polyline points="0 10 19.5 10 12 5" /></svg>') no-repeat center / contain;
		}
		@media (min-width: 992px) {
			font-weight: 600;
		}
	}
}

.root{
	display: grid;
	grid-template-columns: 1fr auto;
	& h3{
		align-self: center;
		display: grid;
		grid-template-columns: auto 1fr;
		column-gap: 8px;
		color: #2A4029;
		font: 700 clamp(20px, calc(30 / 768 * 100vw), 30px) 'eb-garamond', var(--font-min);
		&:before{
			content: "";
			aspect-ratio: 1;
			width: clamp(20px, calc(30 / 768 * 100vw), 30px);
			background: currentColor;
			transform: translateY(calc(0.825em - 50%));
			-webkit-mask: var(--logoMark) no-repeat center / contain;
		}
	}
	.rootTime{
		grid-column: 1 / 3;
	}
	.rootNote,
	.rootLink{
		grid-column: 1 / 3;
		margin-top: clamp(16px, calc(20 / 1200 * 100vw), 20px);
	}
}

.rootMove{
	& ul{
		display: flex;
		column-gap: 8px;
	}
	& li{
		position: relative;
		aspect-ratio: 1;
		width: clamp(30px, calc(60 / 768 * 100vw), 60px);
		background: #fff;
		border: 1px solid #000;
		border-radius: 100%;
		font-size: 0;
		overflow: hidden;
		&:before{
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: #243124;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"></svg>') no-repeat center / 75%;
		}
		&[data-icon="air"]:before{
			-webkit-mask-image: var(--icon-air);
		}
		&[data-icon="train"]:before{
			-webkit-mask-image: var(--icon-train);
		}
		&[data-icon="bus"]:before{
			-webkit-mask-image: var(--icon-bus);
		}
		&[data-icon="car"]:before{
			-webkit-mask-image: var(--icon-car);
		}
		&[data-icon="walk"]:before{
			-webkit-mask-image: var(--icon-walk);
		}
		&[data-icon="ship"]:before{
			-webkit-mask-image: var(--icon-ship);
		}
		&[data-icon="cycle"]:before{
			-webkit-mask-image: var(--icon-cycle);
		}
	}
}

.rootTime{
 	& h4{
		font-weight: 600;
		font-size: clamp(16px, calc(20 / 768 * 100vw), 20px);
		letter-spacing: 0.06em;
		@media (max-width: 991.98px) {
			font-style: italic;
		}
	}
	& ul{
		display: grid;
		list-style: none;
		@media (min-width: 576px) {
			grid-template-columns: repeat(3, 1fr);
			grid-row-gap: clamp(16px, calc(24 / 1200 * 100vw), 24px);
		}
		@media (min-width: 992px) {
			&:has(li:nth-child(5)){
				grid-template-columns: repeat(5, 1fr);
			}
		}
	}
	& li{
		display: grid;
		&:not(:has(span)){
			align-self: center;
			display: grid;
			align-items: center;
			min-height: 40px;
			padding: 4px 16px;
			border: 1px solid #243124;
			border-radius: 20px;
			font-weight: 600;
			font-size: 17px;
			letter-spacing: 0.06em;
			text-align: center;
			@media (min-width: 992px) {
				border: 2px solid #808080;
			}
			&:first-child,
			&:last-child{
				background: #E4EDE4;
				border: 2px solid #41583F;
			}
		}
		&:has(span){
			position: relative;
			display: grid;
			grid-row-gap: 8px;
			&:after{
				content: "";
				position: absolute;
				background: #41583F;
			}
			@media (max-width: 575.98px) {
				padding: 24px 0 24px 48px;
				&:after{
					top: 0;
					left: 24px;
					width: 4px;
					height: 100%;
					-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 4" style="fill: none; stroke: black;"><polyline points="3.5 0 3.5 4" /></svg>') repeat-y right center / 4px, url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 4" style="fill: none; stroke: black;"><polyline points="1 1 3.5 4" /></svg>') no-repeat right bottom / 4px;
				}
				& span:nth-child(1){
					font-weight: 600;
					letter-spacing: 0.06em;
				}
				& span:nth-child(2){
					font-size: 15px;
					letter-spacing: 0.05em;
				}
			}
			@media (min-width: 576px) {
				display: grid;
				grid-template-rows: 1fr 1fr;
				grid-row-gap: 24px;
				padding: 0 24px;
				font-weight: 700;
				letter-spacing: 0.05em;
				text-align: center;
				&:after{
					top: 50%;
					left: 0;
					width: 100%;
					height: 24px;
					transform: translateY(-50%);
					-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style="fill: none; stroke: black; stroke-width: 2px;"><polyline points="0 12 24 12" /></svg>') repeat-x left center / 24px, url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style="fill: none; stroke: black; stroke-width: 2px;"><polyline points="24 12 12 6" /></svg>') no-repeat right center / 24px;
				}
				& span:nth-child(1){
					align-self: end;
					color: #41583F;
				}
			}
		}
	}
}

.rootLink{
	padding-top: 16px;
	border-top: 1px solid #707070;
	& ul{
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
		justify-items: start;
		grid-gap: 8px 24px;
	}
	& li{
		display: contents;
	}
	& a{
		display: grid;
		grid-template-columns: auto auto;
		column-gap: 4px;
		color: #41583F;
		font-weight: 600;
		font-size: 14px;
		letter-spacing: 0.05em;
		z-index: 1;
		&:after{
			content: "";
			aspect-ratio: 1;
			width: 10px;
			background: currentColor;
			transform: translateY(calc(0.825em - 50%));
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" style="fill: none; stroke: black;"><polyline points="1 9 9 1" /><polyline points="1 1 9 1 9 9" /></svg>') no-repeat center / contain;
		}
	}
}

:root{
	--icon-air: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-7 -8 64 64"><path d="M4.89,23l.31,0A.8.8,0,0,0,6,22.68a4.45,4.45,0,0,1,6.51-1,.81.81,0,0,0,.87.1,2.55,2.55,0,0,1,1.17-.28,2.64,2.64,0,0,1,2.33,1.4l1.42-.76a4.23,4.23,0,0,0-3.75-2.25,4.32,4.32,0,0,0-1.42.24,6.11,6.11,0,0,0-3.42-1.06,6,6,0,0,0-4.78,2.35,4.89,4.89,0,0,0,0,9.77h1a3.26,3.26,0,0,1,.56-1.34l-.11-.27H4.89a3.28,3.28,0,1,1,0-6.55ZM22.59,8.84A4.5,4.5,0,0,1,26,10.44a.81.81,0,0,0,.94.21,3.84,3.84,0,0,1,4,.58.8.8,0,0,0,.91.09,3.62,3.62,0,0,1,1.7-.44,3.52,3.52,0,0,1,3.47,3q.76-.24,1.56-.45a5.12,5.12,0,0,0-5-4.16,5.24,5.24,0,0,0-2,.4,5.48,5.48,0,0,0-4.7-.7,6.13,6.13,0,0,0-8.86.3l1.63.65A4.54,4.54,0,0,1,22.59,8.84Zm27.25,6.69c-.45-1-1.85-1.37-3.69-1.37a34.79,34.79,0,0,0-12.9,3.28l-3.38-1.35a1.73,1.73,0,0,0,0-1.39,1.78,1.78,0,0,0-1.68-1.14,1.87,1.87,0,0,0-.64.11l-1.9.75-1.6-.64a1.79,1.79,0,0,0-1.54-2.73,1.71,1.71,0,0,0-.63.11l-2.16.89L15.3,10.27a.16.16,0,0,0-.1,0,.15.15,0,0,0-.09,0l-5.08,2a.28.28,0,0,0-.17.22.27.27,0,0,0,.11.25L23,21.9c-3.6,1.76-6.74,3.45-10.11,5.45L9.53,24.26a.26.26,0,0,0-.18-.07h-.1L7,25.1a.27.27,0,0,0-.15.34l1.85,4.79c-.72.67-1,1.17-.83,1.58s.91.66,1.75.62c6.21-.31,19.2-3.88,28.12-7.51C49,20.32,50.6,17.25,49.84,15.53ZM13.78,33.88,13,34a26,26,0,0,1-2.65.35.24.24,0,0,0-.2.11.27.27,0,0,0,0,.23l.71,2.17a.26.26,0,0,0,.35.16l2.27-.86a.24.24,0,0,0,.16-.19L14,34.2A.26.26,0,0,0,14,34,.27.27,0,0,0,13.78,33.88ZM34.2,28.34c-1.4.5-2.83,1-4.28,1.45-1.88.65-3.78,1.28-5.71,1.87a.28.28,0,0,0-.17.18l-2.92,10.6a.26.26,0,0,0,.36.32l5.12-2.07a.22.22,0,0,0,.13-.12l1.83-3.3,2.34-.83A1.73,1.73,0,0,0,32,34.26a1.61,1.61,0,0,0-1.17-1l1.09-2.07,1.41-.54a1.65,1.65,0,0,0,1-2.13A.22.22,0,0,0,34.2,28.34Z"/></svg>');
	--icon-train: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path d="M13.69,9.41a4.34,4.34,0,0,1,.68.6.59.59,0,1,0,1.16-.22,2.15,2.15,0,0,0-.92-1.15,12.79,12.79,0,0,1,6.78,0,2.15,2.15,0,0,0-.92,1.15.6.6,0,0,0,.47.7h.12a.57.57,0,0,0,.56-.47,4,4,0,0,1,.69-.62c.47-.35.84-.63.76-1.1a.67.67,0,0,0-.47-.53,13.92,13.92,0,0,0-9.19,0,.67.67,0,0,0-.48.53C12.85,8.78,13.22,9.06,13.69,9.41Z"/><path d="M25.1,14.34a3,3,0,0,0-2.49-2.53,41.8,41.8,0,0,0-9.22,0,3,3,0,0,0-2.49,2.53,53.91,53.91,0,0,0,0,10.32,3,3,0,0,0,2.49,2.53l.38,0L12.19,29h2.18l1-1.64a40.7,40.7,0,0,0,5.18,0l1,1.64H23.8l-1.57-1.77.38,0a3,3,0,0,0,2.49-2.53A53.91,53.91,0,0,0,25.1,14.34ZM16.56,12.6h2.87a.56.56,0,0,1,.56.55.55.55,0,0,1-.56.55H16.56a.55.55,0,0,1-.55-.55A.55.55,0,0,1,16.56,12.6ZM12.81,24.35A1.19,1.19,0,1,1,14,25.53,1.18,1.18,0,0,1,12.81,24.35ZM22,25.53a1.18,1.18,0,1,1,1.18-1.18A1.18,1.18,0,0,1,22,25.53Zm1.58-4.7c-.69.57-3.64.59-5.59.59s-4.9,0-5.59-.59-.7-5,0-5.6,3.64-.59,5.59-.59,4.9,0,5.59.59S24.29,20.26,23.59,20.83Z"/></svg>');
	--icon-bus: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path d="M6.35,14.91H8.27a.3.3,0,0,0,.29-.3V12.46h.61V25.17a1.61,1.61,0,0,0,1.12,1.53v1.43a.87.87,0,0,0,.87.87h1.78a.87.87,0,0,0,.87-.87V26.78h8.55v1.35a.87.87,0,0,0,.87.87H25a.87.87,0,0,0,.87-.87V26.66a1.61,1.61,0,0,0,1-1.49V12.46h.57v2.15a.3.3,0,0,0,.29.3h1.92a.31.31,0,0,0,.3-.3V11a.3.3,0,0,0-.3-.29H27.73a.29.29,0,0,0-.29.29v.12h-.57V9.83c0-.89-.72-1.22-1.61-1.6a17.4,17.4,0,0,0-7-1.23C13,7,10.78,8.23,10.78,8.23c-.89.38-1.61.71-1.61,1.6v1.3H8.56V11a.29.29,0,0,0-.29-.29H6.35a.3.3,0,0,0-.3.29v3.6A.31.31,0,0,0,6.35,14.91ZM24,24.38a1.32,1.32,0,1,1,1.32-1.32A1.32,1.32,0,0,1,24,24.38Zm1.32-12.07v7.9H18.79V11H24A1.32,1.32,0,0,1,25.31,12.31ZM14.5,8.49h6.91a.52.52,0,0,1,.53.52.53.53,0,0,1-.53.53H14.5A.53.53,0,0,1,14,9,.52.52,0,0,1,14.5,8.49Zm-3.77,3.82A1.33,1.33,0,0,1,12.06,11h5.22v9.22H10.73Zm1.32,9.43a1.32,1.32,0,1,1-1.32,1.32A1.32,1.32,0,0,1,12.05,21.74Z"/></svg>');
	--icon-car: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path d="M7.94,22.45a.51.51,0,0,0,.36.15h.61a2.93,2.93,0,0,0,5.78,0h7.25a2.93,2.93,0,0,0,5.78,0h.41a.52.52,0,0,0,.38-.17l.87-1a.47.47,0,0,0,.12-.32V18.77a1.46,1.46,0,0,0-1.11-1.4l-3.46-1.09L21.65,13.5a4,4,0,0,0-2.95-1.18H14.27a2.7,2.7,0,0,0-1.79.56A30.12,30.12,0,0,0,8.76,16l-1.1.2a1.44,1.44,0,0,0-1.16,1.4v3.12a.5.5,0,0,0,.14.35Zm16.89-1.89a1.54,1.54,0,1,1-1.55,1.54A1.54,1.54,0,0,1,24.83,20.56Zm-8.35-7h2.37c.68,0,.82.11,1.64.76.57.45,2.22,1.9,2.24,1.91a.35.35,0,0,1,.09.38.33.33,0,0,1-.31.22h-6Zm-5.29,2.78a8.84,8.84,0,0,1,.88-1.46,3.16,3.16,0,0,1,1.56-1.32h1.48v3.27H11.5a.34.34,0,0,1-.29-.16A.35.35,0,0,1,11.19,16.38Zm.61,4.18a1.54,1.54,0,1,1-1.55,1.54A1.54,1.54,0,0,1,11.8,20.56Z"/></svg>');
	--icon-walk: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M19.07,10.45a2.23,2.23,0,1,0-2.23-2.22A2.22,2.22,0,0,0,19.07,10.45Zm6.05,6.65-2.55-1.34L21.5,13.55a3.94,3.94,0,0,0-2.8-2.13l-1.11-.2a2.65,2.65,0,0,0-1.64.21L12.73,13a1.58,1.58,0,0,0-.79.82L10.5,17.12A.87.87,0,0,0,11,18.25l0,0a.87.87,0,0,0,1.11-.44L13.43,15l2.07-.67-2.06,9.16-2,5a1.05,1.05,0,0,0,0,.85,1,1,0,0,0,.66.55l.09,0a1.05,1.05,0,0,0,1.19-.48l2.38-4.11L17.2,22.5l2.59,2.85,1.91,4a1.08,1.08,0,0,0,1.22.57h0a1,1,0,0,0,.66-.52,1.07,1.07,0,0,0,.07-.84l-1.41-4.07a5.56,5.56,0,0,0-.86-1.59l-2.29-3L20,15.57,21,16.94a1.39,1.39,0,0,0,.5.4l2.85,1.28a.82.82,0,0,0,1.11-.44v0A.83.83,0,0,0,25.12,17.1Z"/></svg>');
	--icon-ship: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path d="M25.52,20.44H6.74l1.2,2.12a4,4,0,0,1,1.66-.33,4,4,0,0,1,2.23.62,1.88,1.88,0,0,0,1.12.32,1.88,1.88,0,0,0,1.12-.32,4.32,4.32,0,0,1,4.46,0,2.12,2.12,0,0,0,2.24,0A4,4,0,0,1,23,22.23a4,4,0,0,1,1.67.33,17.38,17.38,0,0,0,3.42-2.28A16.34,16.34,0,0,1,25.52,20.44Z"/><path d="M29.64,16.85a32.08,32.08,0,0,0-8-1.22c-1.1-.79-3.32-2.72-5.51-2.77-.68,0-1.82-.06-2.7,0-1.9.15-2.72,1.68-4.3,2.73l-2.48.59L6,19.13l.33.59H25.52A11.9,11.9,0,0,0,29,19.33a6,6,0,0,0,1-1.74A.55.55,0,0,0,29.64,16.85ZM19.21,15.68H13.42a.14.14,0,0,1-.12-.06.14.14,0,0,1,0-.14L13.88,14a.14.14,0,0,1,.13-.09h1.71a6.6,6.6,0,0,1,3.35,1.33l.22.15a.13.13,0,0,1,.06.16A.13.13,0,0,1,19.21,15.68Z"/></svg>');
	--icon-cycle: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path d="M25.45,16.78a4.85,4.85,0,0,0-.95.1L23,12.68l.62-.59.72.35v.05a.66.66,0,0,0,.15.42.62.62,0,0,0,.87,0,.84.84,0,0,0,.26-.62,1.39,1.39,0,0,0-.09-.47l-.08-.22s-3-1.48-3-1.48a.63.63,0,0,0-.27-.06.63.63,0,0,0-.55.34.66.66,0,0,0-.06.27.61.61,0,0,0,.34.55l.52.26-.85.8h0v0L22,13.47l-6.74,1.68-.94-2.73a1.55,1.55,0,0,1,1.25-.53c.44,0,.7.07.84.06s.2,0,.19-.16a.68.68,0,0,0-.66-.71c-.42,0-1.51,0-2.37,0-.42,0-.79,0-1,0a4,4,0,0,0-.5-.06.49.49,0,0,0-.54.52,1.7,1.7,0,0,0,0,.19c0,.29.09.81.67.83l1,.06,1.09,3.12-1.42,1.68A4.55,4.55,0,1,0,15.06,22h.33a1.53,1.53,0,0,0,2.94-.58v0a1.6,1.6,0,0,0-.15-.66l4.52-5.23.64,1.85a4.56,4.56,0,0,0-2.45,4,0,0,0,0,0,0,0,4.55,4.55,0,0,0,9.1,0v0A4.55,4.55,0,0,0,25.45,16.78ZM13,19.14a3.4,3.4,0,0,1,.78,1.59H11.7Zm-2.48,5.53a3.33,3.33,0,1,1,0-6.65,3.38,3.38,0,0,1,1.52.37l-1.45,1.72h-.07a1.24,1.24,0,0,0,0,2.48A1.22,1.22,0,0,0,11.63,22h2.19A3.33,3.33,0,0,1,10.56,24.67Zm4.83-3.94h-.33a4.42,4.42,0,0,0-1.23-2.53l.93-1.1,1.06,3.06A1.42,1.42,0,0,0,15.39,20.73Zm1.86-.85a1.53,1.53,0,0,0-.36-.07l-1.21-3.5,5.93-1.48Zm8.2,4.78a3.32,3.32,0,0,1-1.7-6.18l.73,2.08a1.25,1.25,0,0,0,1,2,1.24,1.24,0,0,0,1.24-1.19v-.06a1.24,1.24,0,0,0-1.07-1.22l-.72-2.05a3.32,3.32,0,1,1,.55,6.6Z"/></svg>');
}




