
.mega-component.tab-group{
	background:var(--mobile-page-background);
	display:flex;
	width:100%
}
.mega-component.tab-group .mega-tab-option{
	border-bottom:2px solid transparent;
	border-radius:0;
	cursor:pointer;
	flex:1;
	height:48px;
	padding:12px 24px;
	white-space:nowrap
}
.mega-component.tab-group .mega-tab-option span.primary-text{
	color:var(--mobile-text-primary);
	font:var(--mobile-font-copy-regular)
}
.mega-component.tab-group .mega-tab-option.selected{
	border-color:var(--mobile-border-brand)
}
.mega-component.tab-group .mega-tab-option:active,.mega-component.tab-group .mega-tab-option:hover{
	background:transparent
}
.mega-component.tab-group .mega-tab-option:active span.primary-text{
	color:var(--mobile-button-primary-pressed)
}
.mega-component.tab-group .mega-tab-option.selected span.primary-text{
	font:var(--mobile-font-link-large-semibold)
}
.mega-component.tab-group .mega-tab-option.disabled{
	background:transparent;
	border-color:transparent
}
.mega-component.tab-group .mega-tab-option.disabled span.primary-text{
	color:var(--mobile-text-disabled);
	font:var(--mobile-text-primary)
}
.mega-component.tab-group .mega-tab-option.decorated:after{
	background:var(--mobile-icon-brand);
	border-radius:200px;
	content:"";
	height:6px;
	margin-inline-start:4px;
	min-width:6px;
	position:relative;
	top:-8px
}
