::selection {
	color: rgb(var(--bn-color_white));
	background-color: rgb(var(--bn-color_accent));
}

/** ********************************************************************************************************************
 * Заголовки.
 */

.bn-action-title {
	color: rgb(var(--bn-color_black));
	font-size: 32px;
	font-weight: 700;
	line-height: 40px;
	margin-bottom: 32px;
	margin-top: 24px;
}

.bn-action-subtitle {
	color: rgb(var(--bn-color_black));
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	margin-bottom: 24px;
	margin-top: 16px;
}

/** ********************************************************************************************************************
 * Ссылки.
 */

a,
.bn-a {
	color: rgb(var(--color-accent));
	cursor: pointer;
	text-decoration: none;
}

/** ********************************************************************************************************************
 * Таблицы.
 */
.bn-table {
	border-collapse: collapse;
	border-spacing: 0;
}

.bn-table_width_full {
	width: 100%;
}

.bn-table th {
	background: #f0f0f0;
	font-weight: normal;
}

.bn-table th,
.bn-table td {
	border: 0.0625rem solid #dadada;
	padding: 0.25rem 0.375rem;
	vertical-align: middle;
}

.bn-table_valign_top,
.bn-table_valign_middle {
}

.bn-table_valign_top td {
	vertical-align: top;
}

.bn-table_valign_middle td {
	vertical-align: middle;
}

.bn-table_style_main,
.bn-table_style_zebra,
.bn-table_style_invisible {
}

.bn-table_style_zebra tr:nth-child(2n) {
	background: #f4f8f9;
}

.bn-table_style_main tr:hover td,
.bn-table_style_zebra tr:hover td {
	background: #ebebeb;
}

.bn-table_style_invisible th,
.bn-table_style_invisible td {
	border-width: 0;
	padding-left: 0;
	/*padding-right: 0;*/
}

/** ********************************************************************************************************************
 * Вертикальный скроллер
 */

.bn-vertical-scroll {
	scrollbar-width: thin; /* Делает полосу уже */
	scrollbar-color: rgb(var(--bn-color_accent)) transparent; /* Цвет бегунка и дорожки */
	scrollbar-gutter: auto;
}


/*
.bn-vertical-scroll::-webkit-scrollbar-track {
	background: red;
	opacity: 0.05;
}

.bn-vertical-scroll::-webkit-scrollbar {
	width: 28px;
	background-color: lime;
	border-radius: 4px;
	cursor: pointer;
}

.bn-vertical-scroll::-webkit-scrollbar-corner {
	border-radius: 4px;
}

.bn-vertical-scroll::-webkit-scrollbar-button {
	background-repeat: no-repeat;
	height: 0;
}

.bn-vertical-scroll::-webkit-scrollbar-thumb {
	-webkit-border-radius: 0;
	border-radius: 4px;
	background-color: rgb(var(--bn-color_accent));
	background-repeat: no-repeat;
	height: 50px;
	background-image: url("/static/ui/bn/icon/two-line-horizontal-white.svg");
	background-position: center;
	background-size: 8px;
}

.bn-vertical-scroll::-webkit-scrollbar-thumb:hover {
}*/

/* Lite версия */
.bn-vertical-scroll_light::-webkit-scrollbar {
	width: 8px;
	background-color: rgba(255, 255, 255, 0);
}

.bn-vertical-scroll_light::-webkit-scrollbar-track {
	opacity: 0;
}

.bn-vertical-scroll_light::-webkit-scrollbar-thumb {
	border-radius: 0;
	background: linear-gradient(to right, rgb(var(--bn-color_light-grey)) 50%, rgba(255, 255, 255, 0) 50%);
}