/* Papatto Clickable Image Map - public map display */

.pc-map {
	position: relative;
	display: inline-block;
	max-width: 100%;
	line-height: 0;
}

.pc-map img {
	display: block;
	width: 100%;
	height: auto;
}

.pc-map svg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.pc-map .pc-area {
	fill: var(--pc-fill, #2271b1);
	stroke: var(--pc-stroke, var(--pc-fill, #2271b1));
	stroke-width: 2;
	vector-effect: non-scaling-stroke;
	transition: fill-opacity 0.15s ease, stroke-opacity 0.15s ease;
}

.pc-map a .pc-area {
	cursor: pointer;
}

.pc-mode-always .pc-area {
	fill-opacity: var(--pc-fill-o, 0.35);
	stroke-opacity: var(--pc-stroke-o, 0.9);
}

.pc-mode-always a:hover .pc-area,
.pc-mode-always a:focus .pc-area {
	fill-opacity: min(calc(var(--pc-fill-o, 0.35) * 1.5), 1);
}

.pc-mode-hover .pc-area,
.pc-mode-none .pc-area {
	fill-opacity: 0;
	stroke-opacity: 0;
}

.pc-mode-hover a:hover .pc-area,
.pc-mode-hover a:focus .pc-area {
	fill-opacity: var(--pc-fill-o, 0.35);
	stroke-opacity: var(--pc-stroke-o, 0.9);
}

.pc-map .pc-nolink .pc-area {
	cursor: default;
}

.pc-map a:focus {
	outline: none;
}

.pc-map a:focus-visible .pc-area {
	stroke: #d63638;
	stroke-opacity: 1;
}