.tracker {
	.auto-tracking {
		.custom-toggle {
			vertical-align: middle;
		}
	}
	.count-display,
	.med-display {
		background: black;
		font-weight: bold;
		text-align: center;
	}
	.dungeon {
		display: flex;
		flex-direction: row;
		align-items: stretch;
		justify-content: flex-start;
		gap: 1ex;
		> * {
			width: 2em;
			height: 2em;
		}
		.dungeon-smalls .count-display,
		.dungeon-tag {
			background: black;
			font-family: monospace;
			font-size: 115%;
			font-weight: bold;
			text-align: center;
		}
		.dungeon-checks,
		.dungeon-smalls {
			position: relative;
			.count-display {
				pointer-events: none;
				position: absolute;
				top: .3ex;
				left: .3ex;
				bottom: .3ex;
				right: .3ex;
				&.is-zero {
					display: none;
				}
				&.is-full {
					color: green;
				}
			}
		}
	}
	.dungeons {
		padding: 1ex;
	}
	.dungeon-ep,
	.dungeon-pd {
		margin-top: 1ex;
	}
	.equipment {
		display: grid;
		grid-template-columns: 3em 3em 3em 3em 3em;
		gap: 1ex;
		padding: 1ex;
	}
	.inventory {
		font-size: 110%;
	}
	.items {
		display: grid;
		grid-template-columns: 3em 3em 3em 3em 3em;
		gap: 1ex;
		padding: 1ex;
	}
	.item {
		position: relative;
		width: 3em;
		height: 3em;

		.bottom-left,
		.bottom-right,
		.top-left,
		.top-right {
			position: absolute;
			width: 50%;
			height: 50%;
			.zelda-icon {
				transform: scale(1.4);
			}
		}
		.bottom-left {
			bottom: 0;
			left: 0;
		}
		.bottom-right {
			bottom: 0;
			right: 0;
		}
		.top-left {
			top: 0;
			left: 0;
		}
		.top-right {
			top: 0;
			right: 0;
		}

		.left,
		.right {
			position: absolute;
			width: 50%;
			height: 100%;
			overflow: hidden;
			.zelda-icon {
				width: 200%;
				margin-left: -50%;
			}
		}
		.left {
			left: 0;
		}
		.right {
			right: 0;
		}
		.count-display,
		.med-display {
			pointer-events: none;
			&.is-zero {
				display: none;
			}
		}
		.med-display {
			height: 30%;
			font-size: 80%;
			line-height: 1;
		}
	}
	.tracker-map {
		.canvas {
			width: 100%;
			height: auto;
			.location {
				.box {
					width: 0.04px;
					height: 0.04px;
					transform: translate(-0.02px, -0.02px);
					fill: #0d0;
					stroke: black;
					stroke-width: 1px;
					vector-effect: non-scaling-stroke;
				}
				.text {
					fill: black;
					font-size: 0.02px;
					font-weight: bold;
					text-anchor: middle;
					dominant-baseline: middle;
					pointer-events: none;
					user-select: none;
				}
				&.status-cleared {
					.box {
						fill: grey;
						opacity: 0.4;
					}
				}
				&.status-partial {
					.box {
						fill: yellow;
					}
				}
				&.status-unavailable {
					.box {
						fill: red;
					}
				}
				&.size-lg {
					.box {
						width: 0.08px;
						height: 0.08px;
						transform: translate(-0.04px, -0.04px);
					}
					.text {
						font-size: 0.04px;
					}
				}
				&.clickable {
					.box:hover {
						stroke: white;
					}
				}
			}
		}
	}
	.toggle-icon {
		&.inactive {
			opacity: .5;
		}
	}
	.tracker-toolbar {
		.toggle-icon {
			display: inline-block;
			width: 2em;
			height: 2em;
		}
	}
	.zelda-icon {
		width: 100%;
		height: 100%;
	}
}