.tabs {
}
.tab-panel {
	border-top-left-radius: $radius-0;
	border-top-right-radius: $radius-0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	display: none;
	box-shadow: 0 0 1px $color-border;
	padding: $g3;
}

[data-tab] {
	@include comp();
	display: inline-block;
	text-align: center;
	border-top-left-radius: $radius-0;
	border-top-right-radius: $radius-0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	min-width: 80px;
	color: $color;
	background-color: $color-bg;
	box-shadow: inset 0 0 1px $color-border;
	padding: $comp-gap-y $comp-gap-x;
	font-size: $comp-font-size;
	height: $comp-height;
	border-radius: $comp-border-radius;
}
[data-role*='tabs'] {
	> ul {
		display: flex;
		margin-left: $g2;
		margin-right: $g2;
		gap: $g0;
		margin-bottom: -1px;
	}
}