.bx-im-call-background__tab-panel {
	display: flex;
	align-items: center;
	height: 39px;
	margin-right: 18px;

	border-bottom: 1px solid var(--im-call-background__background-color_tab-border);
}

.bx-im-call-background__tab {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	max-width: 50%;
	padding: 11px 50px 12px;
	margin-right: 3px;

	background-color: var(--im-call-background__background-color_tab);
	border-radius: 10px 10px 0 0;
	border: 1px solid transparent;
	border-bottom: none;

	font-size: var(--ui-font-size-md, 14px);
	font-family: var(--ui-font-family-helvetica);
	line-height: var(--ui-font-line-height-3xs, 1.2);
	color: var(--im-call-background__font-color_description);

	cursor: pointer;
}

.bx-im-call-background__tab:hover {
	background-color: var(--im-call-background__background-color_tab-hover);
}

.bx-im-call-background__tab_text {
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bx-im-call-background__tab.--active {
	background-color: var(--im-call-background__background-color_tab-active);
	border: 1px solid var(--im-call-background__background-color_tab-border);
	border-bottom: none;
}

.bx-im-call-background__tab.--active:after {
	position: absolute;
	content: '';
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 1px;
	background-color: var(--im-call-background__background-color_tab-active);
}

.bx-im-call-background__tab_new {
	position: absolute;
	right: 12px;
	top: -5px;
	display: flex;
	align-items: center;
	height: 13px;
	padding: 0 5px;
	border-radius: 64px;

	background-color: var(--im-call-background__background-color_tab-new);
	font-family: var(--ui-font-family-open-sans, var(--ui-font-family-helvetica));
	font-size: var(--ui-font-size-5xs, 9px);
	font-weight: var(--ui-font-weight-semi-bold, 600);
	color: var(--im-call-background__font-color_tab-new);
}