.image-tabs-block {
	[role="tablist"] {
		min-width: 100%;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		padding-left: var(--wp--custom--spacing--small);
		padding-right: var(--wp--custom--spacing--small);
	}

	[role="tab"] {
		padding: 0;
		margin: 0;
		border: none;
		background: transparent;
	}

	[role="tab"],
	[role="tab"]:focus,
	[role="tab"]:hover {
		display: inline-block;
		position: relative;
		z-index: 2;
		/* top: 2px;
	margin: 0;
	margin-top: 4px;
	padding: 3px 3px 4px;
	border: 1px solid hsl(219deg 1% 72%);
	border-bottom: 2px solid hsl(219deg 1% 72%);
	border-radius: 5px 5px 0 0;
	background: hsl(220deg 20% 94%);
	outline: none;
	font-weight: bold;
	max-width: 22%;
	overflow: hidden;
	text-align: left; */
		cursor: pointer;
	}

	[role="tab"][aria-selected="true"] {
		/* padding: 2px 2px 4px;
	margin-top: 0;
	border-width: 2px;
	border-top-width: 6px;
	border-top-color: rgb(36 116 214);
	border-bottom-color: hsl(220deg 43% 99%);
	background: hsl(220deg 43% 99%); */
	}

	[role="tab"][aria-selected="false"] {
		/* border-bottom: 1px solid hsl(219deg 1% 72%); */
	}

	[role="tab"] span.focus {
		/* display: inline-block;
	margin: 2px;
	padding: 4px 6px; */
	}

	[role="tab"]:hover span.focus,
	[role="tab"]:focus span.focus,
	[role="tab"]:active span.focus {
		/* padding: 2px 4px;
	border: 2px solid rgb(36 116 214);
	border-radius: 3px; */
	}

	[role="tabpanel"] {
		/* padding: 5px;
	border: 2px solid hsl(219deg 1% 72%);
	border-radius: 0 5px 5px;
	background: hsl(220deg 43% 99%); */
		min-height: 10em;
		width: 100%;
		overflow: auto;
	}

	[role="tabpanel"].is-hidden {
		display: none;
	}

	[role="tabpanel"] p {
		margin: 0;
	}

	svg {
		width: 100%;
		height: min(50vw, 700px);
	}

	svg path,
	svg rect,
	svg polygon {
		fill: #204285 !important;
	}

	[role="tablist"] button[role="tab"]:hover,
	[role="tablist"] button[role="tab"][aria-selected="true"] {
		svg path,
		svg rect,
		svg polygon {
			fill: #da2e36 !important;
		}
	}
}