/* Низкая специфичность сохраняет оформление вкладок в библиотеке. */
:where(.osc-res-tab[data-be8-tabs]) > .be8-tabs-navigation,
:where(.osc-res-tab[data-be8-tabs]) > .be8-tabs-panels {
	clear: both;
	width: 100%;
}

:where(.osc-res-tab[data-be8-tabs]) > .be8-tabs-navigation > .osc-res-nav {
	display: flex;
	position: relative;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #ddd;
}

:where(.osc-res-tab[data-be8-tabs]) > .be8-tabs-navigation > .osc-res-nav::before,
:where(.osc-res-tab[data-be8-tabs]) > .be8-tabs-navigation > .osc-res-nav::after {
	display: none;
}

:where(.osc-res-tab[data-be8-tabs]) > .be8-tabs-navigation > .osc-res-nav > li {
	float: none;
	margin: 0 0 -1px;
	padding: 0;
	list-style: none;
}

:where(.osc-res-tab[data-be8-tabs]) > .be8-tabs-navigation > .osc-res-nav > li::before {
	display: none;
}

:where(.osc-res-tab[data-be8-tabs]) > .be8-tabs-navigation > .osc-res-nav > li > a {
	display: block;
	padding: 10px 15px;
	margin-right: 2px;
	color: var(--be8-tabs-color, #428bca);
	background: var(--be8-tabs-background, transparent);
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
	text-decoration: none;
}

:where(.osc-res-tab[data-be8-tabs]) > .be8-tabs-navigation > .osc-res-nav > li > a:hover {
	background: var(--be8-tabs-hover-background, #eee);
}

:where(.osc-res-tab[data-be8-tabs]) > .be8-tabs-navigation > .osc-res-nav > li.active > a {
	color: var(--be8-tabs-active-color, #555);
	background: var(--be8-tabs-active-background, #fff);
	border-color: #ddd #ddd transparent;
}

:where(.osc-res-tab[data-be8-tabs]) > .be8-tabs-navigation > .osc-res-nav > li > a:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: -3px;
}

:where(.osc-res-tab[data-be8-tabs]) > .be8-tabs-panels > .tab-content {
	margin: 0;
	padding: 10px;
	list-style: none;
	background: var(--be8-tabs-content-background, transparent);
}

:where(.osc-res-tab[data-be8-tabs]) > .be8-tabs-panels > .tab-content > .tab-pane {
	display: none;
}

:where(.osc-res-tab[data-be8-tabs]) > .be8-tabs-panels > .tab-content > .tab-pane.active {
	display: block;
}

:where(.osc-res-tab.osc-tabs-center[data-be8-tabs]) > .be8-tabs-navigation > .osc-res-nav {
	justify-content: center;
}

:where(.osc-res-tab.osc-tabs-right[data-be8-tabs]) > .be8-tabs-navigation > .osc-res-nav {
	justify-content: flex-end;
}

:where(.osc-res-tab.tabs-below[data-be8-tabs]) > .be8-tabs-navigation > .nav-tabs {
	border-top: 1px solid #ddd;
	border-bottom: 0;
}

:where(.osc-res-tab.tabs-below[data-be8-tabs]) > .be8-tabs-navigation > .nav-tabs > li > a {
	border-radius: 0 0 4px 4px;
}

:where(.osc-res-tab[data-be8-tabs]) > .be8-tabs-navigation > .nav-pills {
	border: 0;
}

:where(.osc-res-tab[data-be8-tabs]) > .be8-tabs-navigation > .nav-pills > li > a {
	border-radius: 5px;
}

:where(.osc-res-tab[data-be8-tabs]) > .be8-tabs-navigation > .nav-pills > li.active > a {
	color: var(--be8-tabs-active-color, #fff);
	background: var(--be8-tabs-active-background, #428bca);
}

/* Переполнение остаётся доступным без отдельной библиотеки меню. */
:where(.osc-res-tab[data-be8-tabs-responsive]) > .be8-tabs-navigation > .osc-res-nav {
	flex-wrap: nowrap;
	overflow-x: auto;
}

:where(.osc-res-tab[data-be8-tabs-responsive]) > .be8-tabs-navigation > .osc-res-nav > li {
	flex-shrink: 0;
}