.sidebar {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	justify-content: space-between;
	align-items: center;
	height: 60vh;
	width: 100%;
	max-width: 12.5rem;
	border-right: 2px solid rgba(144, 51, 51, 0.1);
	padding: 0.5rem;
}

.sb-navigation-item-container-drawer {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	justify-content: start;
	align-items: center;
	height: 100%;
	width: 100%;
	max-width: 12.5rem;
	padding: 0.5rem;
	padding-top: 3rem;
}

.sb-navigation-item-container {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	/* justify-content: center; */
	align-items: center;
	height: 100%;
	width: 100%;
}

.sb-navigation-item {
	gap: 0.25rem;
	display: flex;
	justify-content: start;
	align-items: center;
	cursor: pointer;
	padding: 0.5rem;
	width: 100%;
	border-radius: 12px;
	border: 2px solid #1c46b4;
	color: #1c46b4;
}

.sb-navigation-item p {
	font-size: 1.25rem;
	font-weight: 600;
}

.sb-navigation-item:hover {
	background-color: #3151a2;
	color: white;
}

.selected {
	background-color: #1c46b4;
	color: white;
}

.sb-hamburger {
	display: none;
}

.outside-btn-cont {
	width: 100%;
}

@media (max-width: 768px) {
	.sb-navigation-item-container {
	display: none;
	}

	.outside-btn-cont {
	display: none;
	}

	.sb-hamburger {
	display: flex;
	}

	.sidebar {
	display: flex;
	justify-content: end;
	flex-direction: row;
	padding-right: 1rem;
	height: 100%;
	max-width: none;
	width: 100%;
	box-shadow: none;
	}
}