.menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu-sidebar {
	li {
		> a,
		> div > a {
			&.is-active {
				color: var(--text-color);
				text-decoration: underline;
				text-decoration-color: var(--co-alpha);
			}

			&:hover,
			&[aria-expanded="true"] {
				color: var(--text-color);
				text-decoration: underline;
			}

			&[data-bs-toggle]:after {
				content:"";
				display: inline-block;
				width: $sp-2;
				height: $sp-2;
				margin-right: -$sp-5;
				border-right: 2px solid;
				border-top: 2px solid;
				transform: rotate(-45deg) translate3d(-9px,4px,0);
			}
			&[data-bs-toggle][aria-expanded="true"]:after {
				transform: rotate(135deg) translate3d(9px,-4px,0);
			}
		}
	}

	a {
		display: flex;
		justify-content: space-between;
		color: var(--text-color);
		padding-right: $sp-5;
		text-decoration-thickness: 1px !important;

		&:hover {
			opacity: .7;
		}
	}

	> li > div > a {
		font-size: $font-size-large;
	}

	> li + li {
		margin-top: $sp-2;
	}

	.menu {
		margin-left: $sp-4;
	}

	.menu-sidebar-1 {
		margin-left: 2.9rem;
		a {
			padding-top: $sp-1;
			padding-bottom: $sp-1;
		}
	}

	.menu-sidebar-header {
		display: grid;
		align-items: center;
		grid-template-columns: auto 1fr auto;
		.ico {
			margin-bottom: .4em;
		}
	}
}


/* @include mediaQ(bpMax) {
	// reset bs & popper (dropdown-menu)
	.menu.menu-sidebar {
		> li {
			> a {
				display: block;
				// display: flex;
				// align-items: center;
				padding: $sp-1 0;
				// .ico { margin-left: auto;}
			}
		}

		li.dropdown,
		li.dropend {
			> a,
			> .dropdown-item {
				position: relative;
				padding-right: 1em;
				&:after {
					content:"+";
					position: absolute;
					right: 0;
					color: var(--co-gray-40);
					font-family: $font-family-monospace;
					transform: scale(1.25);
					transform-origin: 100% 50%;
				}
			}

			> a.show,
			> .dropdown-item.show {
				&:after { content:"-";}
			}
		}

		.dropdown-menu {
			position: static !important;
			margin: 0 !important;
			transform: none !important;
			padding: 0;
			padding-left: $sp-3;
			border: none;
			border-radius: 0;
			background-color: transparent;
			box-shadow: none;

			> li:after {
				display: none;
			}

			.dropdown-menu {
				padding-top: $sp-1;
			}

			.dropdown-item {
				padding: $sp-2 0;
			}
		}
	}
} */