.nt-sidebar-menu-wrap {
	display: flow-root;
	max-width: 100%;
	margin: 1.5rem auto;
}

.nt-sidebar-menu-wrap--center {
	width: fit-content;
	max-width: 100%;
}

.nt-sidebar-menu-wrap--right {
	float: right;
	width: min(44%, 420px);
	margin: 0.35rem 0 1.25rem 1.6rem;
}

.nt-sidebar-menu-wrap--left {
	float: left;
	clear: left;
	width: min(44%, 420px);
	margin: 0.35rem 1.6rem 1.25rem 0;
}

.nt-sidebar-menu-wrap--left + .nt-sidebar-menu-wrap--right + *,
.nt-sidebar-menu-wrap--right + .nt-sidebar-menu-wrap--left + * {
	clear: both;
}

.nt-sidebar-menu {
	width: min(420px, 100%);
	overflow: hidden;
	padding: 20px 0 14px;
	border: 1px solid #e3eaf5;
	border-radius: 14px;
	background: linear-gradient(160deg,#f4faff 0%,#fff 55%,#f0f7fd 100%);
	box-shadow: rgba(71,75,255,.075) 0px 5px 5px;
	color: #3a5080;
}

.nt-sidebar-menu__title {
	padding: 0 20px 14px;
	color: #003c8f;
	font-size: 1.1rem;
	font-weight: 700;
	line-height: 1.6;
	text-align: center;
}


.nt-sidebar-menu__text strong {
    font-size: 15px
}
.nt-sidebar-menu--ranking .nt-sidebar-menu__title {
	font-size: 1rem;
}

.nt-sidebar-menu__list,
.nt-sidebar-menu__sub {
	margin: 0;
	padding-right: unset !important;
	list-style: none;
}

.nt-sidebar-menu__list--ranked {
	counter-reset: nt-sidebar-rank;
}

.nt-sidebar-menu__list--ranked > li {
	counter-increment: nt-sidebar-rank;
}


.nt-sidebar-menu__row,
.nt-sidebar-menu__sub-row {
	display: flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	transition: background 0.16s, color 0.16s;
}

.nt-sidebar-menu__row {
	padding: 7px 20px 7px 14px;
	font-size: 15px;
	font-weight: 300;
	color: #3a5080;
}

.nt-sidebar-menu__row:hover {
	background: #f0f6ff;
	color: #1d4ed8;
}

.nt-sidebar-menu__item--active > .nt-sidebar-menu__row {
	background: #eff6ff;
	color: #1d4ed8;
	font-weight: 700;
}

.nt-sidebar-menu__text {
	flex: 1;
	text-align: right;
}

.nt-sidebar-menu__text a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.nt-sidebar-menu__text a:hover {
  color: #b91c1c;
}

.nt-sidebar-menu__arrow,
.nt-sidebar-menu__sub-arrow {
	min-width: 16px;
	color: #93afd4;
	font-size: 1em;
	text-align: center;
	transition: color 0.16s, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.nt-sidebar-menu__arrow::before,
.nt-sidebar-menu__sub-arrow::before {
	content: "-";
}

.nt-sidebar-menu__item--active > .nt-sidebar-menu__row > .nt-sidebar-menu__arrow::before {
	content: "←";
}

.nt-sidebar-menu__row:hover > .nt-sidebar-menu__arrow {
	color: #2563eb;
	transform: translateX(4px);
}


.nt-sidebar-menu__sub-row {
	padding: 5px 38px 5px 14px;
	color: #4a6090;
	font-size: 0.92rem;
	font-weight: 300;
}

.nt-sidebar-menu__sub-row:hover {
	background: #e8f0fe;
	color: #1d4ed8;
}

.nt-sidebar-menu__sub--number {
	counter-reset: nt-sidebar-subrank;
}

.nt-sidebar-menu__sub--number > li {
	counter-increment: nt-sidebar-subrank;
}

.nt-sidebar-menu__num,
.nt-sidebar-menu__sub-num {
	min-width: 22px;
	color: #c3d4e8;
	font-size: 0.82rem;
	font-weight: 500;
	text-align: center;
	opacity: 0.75;
	transition: color 0.16s, opacity 0.16s;
}

.nt-sidebar-menu__num::before {
	content: counter(nt-sidebar-rank) ".";
}

.nt-sidebar-menu__sub-num::before {
	content: counter(nt-sidebar-subrank) ".";
}

.nt-sidebar-menu__row:hover .nt-sidebar-menu__num,
.nt-sidebar-menu__sub-row:hover .nt-sidebar-menu__sub-num {
	color: #1d4ed8;
	opacity: 1;
}

.nt-sidebar-menu__list--ranked > li:nth-child(1) > .nt-sidebar-menu__row > .nt-sidebar-menu__num {
	color: #b45309;
	opacity: 1;
}

.nt-sidebar-menu__list--ranked > li:nth-child(2) > .nt-sidebar-menu__row > .nt-sidebar-menu__num {
	color: #64748b;
	opacity: 1;
}

.nt-sidebar-menu__list--ranked > li:nth-child(3) > .nt-sidebar-menu__row > .nt-sidebar-menu__num {
	color: #92400e;
	opacity: 1;
}

@media (max-width: 700px) {
	.nt-sidebar-menu-wrap,
	.nt-sidebar-menu-wrap--center,
	.nt-sidebar-menu-wrap--right,
	.nt-sidebar-menu-wrap--left {
		float: none;
		width: 100%;
		margin: 1.25rem 0;
	}

	.nt-sidebar-menu {
		width: 100%;
	}
}