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

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

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

.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%);
}