.sidebar.ns-sidebar {
	--ns-sb-accent: var(--a-link-color, #5368f1);
	--ns-sb-radius: 8px;
	--ns-sb-inset: 12px;

	--ns-sb-muted: rgba(22, 28, 45, 0.58);
	--ns-sb-faint: rgba(22, 28, 45, 0.4);
	--ns-sb-hover-bg: rgba(22, 28, 45, 0.05);
	--ns-sb-active-bg: rgba(22, 28, 45, 0.07);
	--ns-sb-line: rgba(22, 28, 45, 0.09);
	--ns-sb-card-bg: rgba(22, 28, 45, 0.04);
	--ns-sb-danger: #c0362c;

--ns-sb-cta: #3c54ef;

--ns-sb-soon-bg: rgba(83, 104, 241, 0.13);
	--ns-sb-soon-line: rgba(29, 57, 237, 0.25);
	--ns-sb-soon-txt: #1d39ed;
}

body.dark__sidebar__color .sidebar.ns-sidebar,
body.body__dark .sidebar.ns-sidebar {
	--ns-sb-muted: rgba(255, 255, 255, 0.56);
	--ns-sb-faint: rgba(255, 255, 255, 0.36);
	--ns-sb-hover-bg: rgba(255, 255, 255, 0.06);
	--ns-sb-active-bg: rgba(255, 255, 255, 0.1);
	--ns-sb-line: rgba(255, 255, 255, 0.08);
	--ns-sb-card-bg: rgba(255, 255, 255, 0.04);
	--ns-sb-danger: #f0776a;

--ns-sb-soon-line: rgba(83, 104, 241, 0.3);
	--ns-sb-soon-txt: #8f9df6;
}

body.minimalist__sidebar .sidebar.ns-sidebar {
	padding-top: 0;
}

.sidebar.ns-sidebar .website__identity__sidebar {
	margin-bottom: 0;
	border-bottom: 1px solid var(--ns-sb-line);
}

@media only screen and (max-width: 768px) {
	.sidebar.ns-sidebar .website__identity__sidebar {
		display: flex !important;
		height: auto;
		padding: 18px 20px;
	}
}

@media only screen and (max-width: 767px) {
	.website__identity__sidebar .website__identity__sidebar__link .image__logo.icon {
		display: block;
	}

	.website__identity__sidebar .website__identity__sidebar__link .text__logo__tagline {
		display: none;
	}

.top__header__website__identity .website__identity__sidebar__link .image__logo.icon {
		max-height: 34px;
		width: auto;
	}
}

.sidebar.ns-sidebar .sidebar__menu {
	min-height: 0;
	padding: 12px 0;
	scrollbar-width: thin;
	scrollbar-color: var(--ns-sb-line) transparent;
}

.sidebar.ns-sidebar .sidebar__menu::-webkit-scrollbar {
	width: 6px;
	background: transparent;
}

.sidebar.ns-sidebar .sidebar__menu::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background-color: var(--ns-sb-line);
}

body.dark__sidebar__color .sidebar.ns-sidebar .sidebar__menu::-webkit-scrollbar,
body.body__dark .sidebar.ns-sidebar .sidebar__menu::-webkit-scrollbar {
	background: transparent;
}

body.dark__sidebar__color .sidebar.ns-sidebar .sidebar__menu::-webkit-scrollbar-thumb,
body.body__dark .sidebar.ns-sidebar .sidebar__menu::-webkit-scrollbar-thumb {
	background-color: var(--ns-sb-line);
}

body:not(.horizontal__sidebar) .sidebar.ns-sidebar .sidebar__item[href],
body:not(.horizontal__sidebar) .sidebar.ns-sidebar .ns-sidebar__soon,
body:not(.horizontal__sidebar) .sidebar.ns-sidebar .sidebar__head {
	width: calc(100% - var(--ns-sb-inset) * 2);
	margin: 1px var(--ns-sb-inset);
	border-radius: var(--ns-sb-radius);
	font-weight: 500;
	letter-spacing: 0;
	transition: background 0.15s ease, color 0.15s ease;
}

body.minimalist__sidebar:not(.horizontal__sidebar) .sidebar.ns-sidebar .sidebar__item[href],
body.minimalist__sidebar:not(.horizontal__sidebar) .sidebar.ns-sidebar .ns-sidebar__soon,
body.minimalist__sidebar:not(.horizontal__sidebar) .sidebar.ns-sidebar .sidebar__head {
	height: 42px;
	padding: 0 10px;
	gap: 0;
}

body.minimalist__sidebar:not(.horizontal__sidebar) .sidebar.ns-sidebar.full__width .sidebar__item[href],
body.minimalist__sidebar:not(.horizontal__sidebar) .sidebar.ns-sidebar.full__width .ns-sidebar__soon,
body.minimalist__sidebar:not(.horizontal__sidebar) .sidebar.ns-sidebar.full__width .sidebar__head {
	padding: 0 10px;
}

.sidebar.ns-sidebar .sidebar__item.sidebar__item_dropdown {
	width: 100%;
	margin: 0;
	border-radius: 0;
	background: transparent;
}

body.minimalist__sidebar:not(.horizontal__sidebar) .sidebar.ns-sidebar .side__bar__item__icon {
	min-width: 30px;
	width: 30px;
	font-size: 16px;
	color: var(--ns-sb-muted);
	transition: color 0.15s ease;
}

body.minimalist__sidebar .sidebar.ns-sidebar .sidebar__item .side__bar__item__text {
	font-size: 13px;
	font-weight: 500;
	color: var(--ns-sb-muted);
	transition: color 0.15s ease;
}

.sidebar.ns-sidebar .sidebar__item[href]:hover,
.sidebar.ns-sidebar .sidebar__item_dropdown:hover .sidebar__head {
	background: var(--ns-sb-hover-bg);
}

body .sidebar.ns-sidebar .sidebar__item:hover .side__bar__item__text,
body .sidebar.ns-sidebar .sidebar__item:hover .side__bar__item__icon {
	color: var(--ns-sb-accent);
}

.sidebar.ns-sidebar .sidebar__item[href].ns-current,
.sidebar.ns-sidebar .sidebar__item[href].active,
.sidebar.ns-sidebar .sidebar__item[href].current {
	background: var(--ns-sb-active-bg);
}

body .sidebar.ns-sidebar .sidebar__item.ns-current .side__bar__item__text,
body .sidebar.ns-sidebar .sidebar__item.active .side__bar__item__text,
body .sidebar.ns-sidebar .sidebar__item.current .side__bar__item__text {
	color: var(--sidebarcolorsdarkoneitemtext, #fff);
	font-weight: 600;
}

body:not(.dark__sidebar__color):not(.body__dark) .sidebar.ns-sidebar .sidebar__item.ns-current .side__bar__item__text,
body:not(.dark__sidebar__color):not(.body__dark) .sidebar.ns-sidebar .sidebar__item.active .side__bar__item__text,
body:not(.dark__sidebar__color):not(.body__dark) .sidebar.ns-sidebar .sidebar__item.current .side__bar__item__text {
	color: var(--sidebarcolorsdefaultoneitemtext, #161c2d);
}

body .sidebar.ns-sidebar .sidebar__item.ns-current .side__bar__item__icon,
body .sidebar.ns-sidebar .sidebar__item.active .side__bar__item__icon,
body .sidebar.ns-sidebar .sidebar__item.current .side__bar__item__icon {
	color: var(--ns-sb-accent);
}

.sidebar.ns-sidebar .sidebar__item[href].ns-current::before,
.sidebar.ns-sidebar .sidebar__item[href].active::before,
.sidebar.ns-sidebar .sidebar__item[href].current::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 3px;
	height: 20px;
	border-radius: 0 3px 3px 0;
	background: var(--ns-sb-accent);
}

.sidebar.ns-sidebar .ns-sidebar__group {
	direction: ltr;
	width: 100%;
	flex: 0 0 auto;
	padding: 18px 22px 6px;
	text-align: left;
}

.sidebar.ns-sidebar .ns-sidebar__group-label {
	display: block;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--ns-sb-faint);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sidebar.ns-sidebar:not(.full__width) .ns-sidebar__group {
	padding: 10px 22px;
}

.sidebar.ns-sidebar:not(.full__width) .ns-sidebar__group-label {
	height: 1px;
	overflow: hidden;
	text-indent: -999em;
	background: var(--ns-sb-line);
}

body:not(.horizontal__sidebar) .sidebar.ns-sidebar .side__bar__item__icon__badge {
	position: static;
	transform: none;
	margin-left: auto;
	width: auto;
	min-width: 20px;
	height: 18px;
	padding: 0 6px;
	border-radius: 9px;
	font-size: 10px;
	font-weight: 600;
	background: var(--ns-sb-accent);
	color: var(--btn-primary-color, #fff);
}

body:not(.horizontal__sidebar) .sidebar.ns-sidebar:not(.full__width) .side__bar__item__icon__badge {
	position: absolute;
	left: 26px;
	top: 8px;
	min-width: 8px;
	width: 8px;
	height: 8px;
	padding: 0;
	border-radius: 50%;
	text-indent: -999em;
	overflow: hidden;
}

.sidebar.ns-sidebar .ns-sidebar__soon {
	position: relative;
	display: flex;
	align-items: center;
	white-space: nowrap;
	direction: ltr;
	flex: 0 0 auto;
	font-family: var(--font-heading);
	font-size: 13px;
	cursor: default;
}

body .sidebar.ns-sidebar .ns-sidebar__soon:hover .side__bar__item__text,
body .sidebar.ns-sidebar .ns-sidebar__soon:hover .side__bar__item__icon {
	color: var(--ns-sb-muted);
}

.sidebar.ns-sidebar .ns-sidebar__soon-tag {
	flex: 0 0 auto;
	margin-left: auto;
	display: inline-flex;
	align-items: center;
	height: 18px;
	padding: 0 7px;
	border: 1px solid var(--ns-sb-soon-line);
	border-radius: 9px;
	background: var(--ns-sb-soon-bg);
	color: var(--ns-sb-soon-txt);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	white-space: nowrap;
}

.sidebar.ns-sidebar:not(.full__width) .ns-sidebar__soon-tag {
	display: none;
}

body .sidebar.ns-sidebar:not(.full__width) .ns-sidebar__soon .side__bar__item__icon {
	color: var(--ns-sb-faint);
}

.sidebar.ns-sidebar .sidebar__foot {
	width: 100%;
	align-self: stretch;
	flex: 0 0 auto;
	padding: 10px 0;
	border-top: 1px solid var(--ns-sb-line);
}

body.dark__sidebar__color:not(.horizontal__sidebar) .sidebar.ns-sidebar .sidebar__foot {
	border-top: 1px solid var(--ns-sb-line);
}

.sidebar.ns-sidebar .sidebar__item.sidebar__logout:hover {
	background: rgba(211, 70, 67, 0.1);
}

body .sidebar.ns-sidebar .sidebar__item.sidebar__logout:hover .side__bar__item__text,
body .sidebar.ns-sidebar .sidebar__item.sidebar__logout:hover .side__bar__item__icon {
	color: var(--ns-sb-danger);
}

.ns-sidebar__promo {
	direction: ltr;
	width: 100%;
	padding: 6px var(--ns-sb-inset) 4px;
	text-align: center;
}

.ns-sidebar__promo-art {
	display: block;
	width: 100%;
	max-width: 160px;
	height: auto;
	margin: 0 auto 6px;
}

@media only screen and (max-height: 860px) {
	.ns-sidebar__promo-art {
		max-width: 128px;
	}
}

@media only screen and (max-height: 740px) {
	.ns-sidebar__promo-art {
		max-width: 96px;
	}
}

@media only screen and (max-height: 640px) {
	.ns-sidebar__promo-art {
		display: none;
	}
}

.ns-sidebar__promo-title {
	display: block;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--sidebarcolorsdarkoneitemtext, #fff);
}

body:not(.dark__sidebar__color):not(.body__dark) .ns-sidebar__promo-title {
	color: var(--sidebarcolorsdefaultoneitemtext, #161c2d);
}

.ns-sidebar__promo-text {
	display: block;
	margin-top: 2px;
	font-size: 11px;
	line-height: 1.4;
	color: var(--ns-sb-muted);
	transition: color 0.15s ease;
}

.ns-sidebar__promo-text:hover,
.ns-sidebar__promo-text:focus {
	color: var(--ns-sb-accent);
	text-decoration: underline;
}

.ns-sidebar__promo-cta {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;

	min-height: 38px;
	margin-top: 8px;
	padding: 7px 10px;
	border-radius: var(--ns-sb-radius);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.25;
	text-align: center;
	background: var(--ns-sb-cta);
	color: #fff;
	transition: background 0.15s ease;
}

.ns-sidebar__promo-cta:hover,
.ns-sidebar__promo-cta:focus {

	background: #1382bb;
	color: #fff;
	text-decoration: none;
}

.ns-sidebar__promo-cta i {
	font-size: 13px;
}

.ns-sidebar__promo-cta--soft {
	background: var(--ns-sb-card-bg);
	border: 1px solid var(--ns-sb-line);
	color: var(--ns-sb-muted);
	font-weight: 500;
}

.ns-sidebar__promo-cta--soft:hover,
.ns-sidebar__promo-cta--soft:focus {
	background: var(--ns-sb-hover-bg);
	color: var(--sidebarcolorsdarkoneitemtext, #fff);
}

body:not(.dark__sidebar__color):not(.body__dark) .ns-sidebar__promo-cta--soft:hover,
body:not(.dark__sidebar__color):not(.body__dark) .ns-sidebar__promo-cta--soft:focus {
	color: var(--sidebarcolorsdefaultoneitemtext, #161c2d);
}

.ns-sidebar__promo-cta--soon {
	flex-wrap: wrap;
	gap: 4px 7px;
	cursor: default;
}

.sidebar.ns-sidebar .ns-sidebar__promo-cta--soon .ns-sidebar__soon-tag {
	margin-left: 0;
}

body .ns-sidebar__promo-cta--soon:hover,
body .ns-sidebar__promo-cta--soon:focus,
body:not(.dark__sidebar__color):not(.body__dark) .ns-sidebar__promo-cta--soon:hover,
body:not(.dark__sidebar__color):not(.body__dark) .ns-sidebar__promo-cta--soon:focus {
	background: var(--ns-sb-card-bg);
	color: var(--ns-sb-muted);
}

.sidebar.ns-sidebar:not(.full__width) .ns-sidebar__promo {
	display: none;
}

@media only screen and (max-height: 560px) {
	.ns-sidebar__promo {
		display: none;
	}
}

body.horizontal__sidebar .ns-sidebar__group,
body.horizontal__sidebar .ns-sidebar__promo {
	display: none;
}
