/*
 * AAM Hilfe-Subtabs: Domain-Expand-Physik, Aktiv Gelb.
 * Encoding: ASCII-only.
 */

#aam-editor-help-subtabs {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	margin: 12px 0 0;
	padding: 2px 0 8px;
}

.aam-editor-help-subtab {
	position: relative;
	display: inline-block;
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	color: inherit;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.aam-editor-help-subtab:focus-visible {
	outline: 2px solid rgba(158, 91, 0, .22);
	outline-offset: 2px;
	border-radius: 8px;
}

.aam-editor-help-subtab-socket {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1px;
	border-radius: 7px;
	background: linear-gradient(
		to bottom,
		rgba(255, 255, 255, .92) 0%,
		rgba(233, 237, 239, .96) 100%
	);
	box-shadow:
		0 0 0 1px rgba(194, 201, 205, .42),
		0 1px 2px rgba(0, 0, 0, .06),
		inset 0 1px 0 rgba(255, 255, 255, .95),
		inset 0 -1px 1px rgba(120, 129, 134, .10);
	transition:
		background .18s ease,
		box-shadow .18s ease,
		transform .10s ease;
}

.aam-editor-help-subtab-cap {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 92px;
	height: 28px;
	padding: 0 13px;
	border: 1px solid rgba(202, 208, 212, .58);
	border-radius: 5px;
	background:
		linear-gradient(
			to bottom,
			rgba(255, 255, 255, .98) 0%,
			rgba(255, 255, 255, .70) 18%,
			rgba(255, 255, 255, 0) 42%
		),
		linear-gradient(
			to bottom,
			#fbfbfb 0%,
			#eceff0 58%,
			#e0e4e6 100%
		);
	color: #273238;
	font: 600 8.5px/1 Arial, Helvetica, sans-serif;
	letter-spacing: .045em;
	white-space: nowrap;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .90);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 1),
		inset 0 -1px 1px rgba(90, 100, 106, .05),
		0 1px 1px rgba(0, 0, 0, .06);
	transform: translateY(-.5px);
	transition:
		transform .11s ease,
		background .16s ease,
		border-color .16s ease,
		box-shadow .16s ease,
		color .16s ease;
}

.aam-editor-help-subtab-cap::before {
	content: "";
	position: absolute;
	top: 3px;
	left: 9px;
	right: 9px;
	height: 5px;
	border-radius: 50%;
	background: linear-gradient(
		to bottom,
		rgba(255, 255, 255, .52),
		rgba(255, 255, 255, 0)
	);
	pointer-events: none;
}

.aam-editor-help-subtab:hover .aam-editor-help-subtab-socket {
	background: linear-gradient(
		to bottom,
		rgba(255, 255, 255, .95) 0%,
		rgba(236, 240, 242, .98) 100%
	);
	box-shadow:
		0 0 0 1px rgba(184, 192, 196, .48),
		0 2px 3px rgba(0, 0, 0, .07),
		inset 0 1px 0 rgba(255, 255, 255, .98),
		inset 0 -1px 1px rgba(120, 129, 134, .08);
}

.aam-editor-help-subtab:hover .aam-editor-help-subtab-cap {
	border-color: rgba(192, 199, 204, .55);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .98),
		inset 0 -1px 1px rgba(90, 100, 106, .04),
		0 1px 2px rgba(0, 0, 0, .07);
}

.aam-editor-help-subtab:active .aam-editor-help-subtab-socket,
.aam-editor-help-subtab.active .aam-editor-help-subtab-socket {
	background: linear-gradient(
		to bottom,
		rgba(255, 236, 186, .98) 0%,
		rgba(255, 214, 120, .98) 100%
	);
	box-shadow:
		0 0 0 1px rgba(158, 91, 0, .28),
		inset 0 1px 1px rgba(120, 70, 0, .16),
		inset 0 -1px 0 rgba(255, 255, 255, .28),
		0 1px 1px rgba(255, 255, 255, .72);
}

.aam-editor-help-subtab:active .aam-editor-help-subtab-cap,
.aam-editor-help-subtab.active .aam-editor-help-subtab-cap {
	transform: translateY(1px);
	border-color: #9e5b00;
	background:
		linear-gradient(
			to bottom,
			rgba(255, 255, 255, .38),
			rgba(255, 255, 255, 0) 34%
		),
		linear-gradient(
			to bottom,
			#fff3aa 0%,
			#ffd45a 46%,
			#ffb51a 74%,
			#ef8d00 100%
		);
	color: #674400;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .28);
	box-shadow:
		inset 0 2px 3px rgba(128, 65, 0, .18),
		inset 0 -1px 0 rgba(255, 255, 255, .22),
		0 1px 1px rgba(128, 65, 0, .12);
}