.it-tab-list{
	display:flex;
	flex-direction:column
}
.it-tabs-container{
	display:flex;
	flex:0 0 auto;
	width:100%
}
.it-tabs-container.underline{
	box-shadow:inset 0 -1px 0 0 var(--main-borders-and-lines)
}
.it-tab{
	--icon-size:24px;
	--mask-color:var(--main-neutral-primary);
	-webkit-tap-highlight-color:transparent;
	align-items:center;
	background:none;
	border:0;
	border-bottom:2px solid transparent;
	color:var(--main-neutral-primary);
	cursor:pointer;
	display:inline-flex;
	justify-content:center;
	margin:0;
	outline:none;
	overflow:hidden;
	padding:8px 8px 6px;
	position:relative;
	transition:var(--transition-color), var(--transition-border-color), var(--transition-shadow)
}
.it-tab+.it-tab{
	margin-inline-start:8px
}
.it-tab i{
	transition:var(--transition-color)
}
.it-tab span{
	font:700 var(--text-body-sm);
	max-width:100%;
	overflow:hidden;
	padding:0 8px;
	text-overflow:ellipsis;
	white-space:nowrap
}
.it-tab span:first-child{
	margin-inline-start:8px
}
.it-tab span:last-child{
	margin-inline-end:8px
}
.it-tabs-container.extra-space .it-tab{
	padding-bottom:14px;
	padding-top:16px
}
.it-tabs-container.secondary .it-tab{
	--mask-color:var(--main-neutral-secondary);
	color:var(--main-neutral-secondary)
}
@media (hover:hover){
.it-tab:hover,.it-tabs-container.secondary .it-tab:hover{
	--mask-color:var(--main-primary);
	color:var(--main-primary)
}
}
.it-tab.active:focus,.it-tab:focus{
	--mask-color:var(--main-primary);
	color:var(--main-primary)
}
.it-tab.active,.it-tab.active:hover,.it-tabs-container.secondary .it-tab.active,.it-tabs-container.secondary .it-tab.active:hover{
	--mask-color:var(--main-primary);
	border-color:var(--main-primary);
	color:var(--main-primary)
}
