@charset "UTF-8";

.HudTabs {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;
	--tab-height: 1.4rem;
	display: flex;
	flex-flow: column;
}
.HudTabs-tabs {
	box-sizing: border-box;
	position: relative;
	width: 100%;
	height: auto;
	overflow-x: auto;
	overflow-y: visible;
	display: flex;
	flex-flow: row wrap;
	flex: 0 0 auto;
}
.HudTabs-sheets {
	box-sizing: border-box;
	position: relative;
	flex: 1 1 100%;
}
.HudTabs-tab, .HudTabs-tab-active, .HudTabs-tab-filler {
	box-sizing: border-box;
	position: relative;
	border: thin solid #f1c232;
	border-radius: 0.5rem;
	padding: 0rem 0.5rem;
	border-bottom-right-radius: 0rem;
	border-bottom-left-radius: 0rem;
	cursor: default;
	color: #a4a4a4;
	height: var(--tab-height);
	opacity: 0.8;
}
.HudTabs-tab {
	cursor: pointer;
}

.HudTabs-tab:hover, .HudTabs-tab-active:hover { opacity: 1; }
.HudTabs-tab-active {
	border-bottom: none;
	color: #f1c232;
}
.HudTabs-tab-filler {
	border-top: none;
	border-right: none;
	border-left: none;
	flex: 1 1 0%;
}
.HudTabs-sheet, .HudTabs-sheet-active {
	box-sizing: border-box;
	display: block;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 0rem;
	border: thin solid #f1c232;
	border-top: none;
}
.HudTabs-sheet-active { display: block; }
