.sidebar {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 30;
	display: flex;
	height: 100vh;
	width: 20rem;
	min-width: 20rem;
	max-width: 100%;
	flex-direction: column;
	overflow-y: auto;
	--tw-bg-opacity: 1;
	background-color: rgb(55 44 46 / var(--tw-bg-opacity));
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	transition-property:
		color,
		background-color,
		border-color,
		text-decoration-color,
		fill,
		stroke,
		opacity,
		box-shadow,
		transform,
		filter,
		-webkit-backdrop-filter;
	transition-property: color, background-color, border-color,
		text-decoration-color, fill, stroke, opacity, box-shadow, transform,
		filter, backdrop-filter;
	transition-property:
		color,
		background-color,
		border-color,
		text-decoration-color,
		fill,
		stroke,
		opacity,
		box-shadow,
		transform,
		filter,
		backdrop-filter,
		-webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 0.15s;
}
@media not all and (min-width: 1475px) {
	.max-2xl\:sidebar {
		position: fixed;
		top: 0;
		right: 0;
		z-index: 30;
		display: flex;
		height: 100vh;
		width: 20rem;
		min-width: 20rem;
		max-width: 100%;
		flex-direction: column;
		overflow-y: auto;
		--tw-bg-opacity: 1;
		background-color: rgb(55 44 46 / var(--tw-bg-opacity));
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		transition-property:
			color,
			background-color,
			border-color,
			text-decoration-color,
			fill,
			stroke,
			opacity,
			box-shadow,
			transform,
			filter,
			-webkit-backdrop-filter;
		transition-property: color, background-color, border-color,
			text-decoration-color, fill, stroke, opacity, box-shadow, transform,
			filter, backdrop-filter;
		transition-property:
			color,
			background-color,
			border-color,
			text-decoration-color,
			fill,
			stroke,
			opacity,
			box-shadow,
			transform,
			filter,
			backdrop-filter,
			-webkit-backdrop-filter;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 0.15s;
	}
}
@media not all and (min-width: 1280px) {
	.max-xl\:sidebar {
		position: fixed;
		top: 0;
		right: 0;
		z-index: 30;
		display: flex;
		height: 100vh;
		width: 20rem;
		min-width: 20rem;
		max-width: 100%;
		flex-direction: column;
		overflow-y: auto;
		--tw-bg-opacity: 1;
		background-color: rgb(55 44 46 / var(--tw-bg-opacity));
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		transition-property:
			color,
			background-color,
			border-color,
			text-decoration-color,
			fill,
			stroke,
			opacity,
			box-shadow,
			transform,
			filter,
			-webkit-backdrop-filter;
		transition-property: color, background-color, border-color,
			text-decoration-color, fill, stroke, opacity, box-shadow, transform,
			filter, backdrop-filter;
		transition-property:
			color,
			background-color,
			border-color,
			text-decoration-color,
			fill,
			stroke,
			opacity,
			box-shadow,
			transform,
			filter,
			backdrop-filter,
			-webkit-backdrop-filter;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 0.15s;
	}
}
@media not all and (min-width: 1024px) {
	.max-lg\:sidebar {
		position: fixed;
		top: 0;
		right: 0;
		z-index: 30;
		display: flex;
		height: 100vh;
		width: 20rem;
		min-width: 20rem;
		max-width: 100%;
		flex-direction: column;
		overflow-y: auto;
		--tw-bg-opacity: 1;
		background-color: rgb(55 44 46 / var(--tw-bg-opacity));
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		transition-property:
			color,
			background-color,
			border-color,
			text-decoration-color,
			fill,
			stroke,
			opacity,
			box-shadow,
			transform,
			filter,
			-webkit-backdrop-filter;
		transition-property: color, background-color, border-color,
			text-decoration-color, fill, stroke, opacity, box-shadow, transform,
			filter, backdrop-filter;
		transition-property:
			color,
			background-color,
			border-color,
			text-decoration-color,
			fill,
			stroke,
			opacity,
			box-shadow,
			transform,
			filter,
			backdrop-filter,
			-webkit-backdrop-filter;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 0.15s;
	}
}
@media not all and (min-width: 768px) {
	.max-md\:sidebar {
		position: fixed;
		top: 0;
		right: 0;
		z-index: 30;
		display: flex;
		height: 100vh;
		width: 20rem;
		min-width: 20rem;
		max-width: 100%;
		flex-direction: column;
		overflow-y: auto;
		--tw-bg-opacity: 1;
		background-color: rgb(55 44 46 / var(--tw-bg-opacity));
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		transition-property:
			color,
			background-color,
			border-color,
			text-decoration-color,
			fill,
			stroke,
			opacity,
			box-shadow,
			transform,
			filter,
			-webkit-backdrop-filter;
		transition-property: color, background-color, border-color,
			text-decoration-color, fill, stroke, opacity, box-shadow, transform,
			filter, backdrop-filter;
		transition-property:
			color,
			background-color,
			border-color,
			text-decoration-color,
			fill,
			stroke,
			opacity,
			box-shadow,
			transform,
			filter,
			backdrop-filter,
			-webkit-backdrop-filter;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 0.15s;
	}
}
@media (min-width: 640px) {
	.sm\:container {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		padding-right: 0.75rem;
		padding-left: 0.75rem;
	}
	.sm\:container {
		max-width: 640px;
		padding-right: 2rem;
		padding-left: 2rem;
	}
	@media (min-width: 768px) {
		.sm\:container {
			max-width: 768px;
		}
	}
	@media (min-width: 1024px) {
		.sm\:container {
			max-width: 1024px;
			padding-right: 2rem;
			padding-left: 2rem;
		}
	}
	@media (min-width: 1280px) {
		.sm\:container {
			max-width: 1280px;
			padding-right: 3rem;
			padding-left: 3rem;
		}
	}
	@media (min-width: 1475px) {
		.sm\:container {
			max-width: 1475px;
			padding-right: 6rem;
			padding-left: 6rem;
		}
	}
}
@media (min-width: 1280px) {
	.xl\:container {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		padding-right: 0.75rem;
		padding-left: 0.75rem;
	}
	@media (min-width: 640px) {
		.xl\:container {
			max-width: 640px;
			padding-right: 2rem;
			padding-left: 2rem;
		}
	}
	@media (min-width: 768px) {
		.xl\:container {
			max-width: 768px;
		}
	}
	@media (min-width: 1024px) {
		.xl\:container {
			max-width: 1024px;
			padding-right: 2rem;
			padding-left: 2rem;
		}
	}
	.xl\:container {
		max-width: 1280px;
		padding-right: 3rem;
		padding-left: 3rem;
	}
	@media (min-width: 1475px) {
		.xl\:container {
			max-width: 1475px;
			padding-right: 6rem;
			padding-left: 6rem;
		}
	}
}
.container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0.75rem;
	padding-left: 0.75rem;
}
@media (min-width: 640px) {
	.container {
		max-width: 640px;
		padding-right: 2rem;
		padding-left: 2rem;
	}
}
@media (min-width: 768px) {
	.container {
		max-width: 768px;
	}
}
@media (min-width: 1024px) {
	.container {
		max-width: 1024px;
		padding-right: 2rem;
		padding-left: 2rem;
	}
}
@media (min-width: 1280px) {
	.container {
		max-width: 1280px;
		padding-right: 3rem;
		padding-left: 3rem;
	}
}
@media (min-width: 1475px) {
	.container {
		max-width: 1475px;
		padding-right: 6rem;
		padding-left: 6rem;
	}
}
.NavCollapse-content-desktop {
	position: absolute;
	top: 100%;
	left: -1.75rem;
}
.group:hover .NavCollapse-content-desktop {
	height: auto;
}
.NavCollapse-content-desktop > ul {
	width: -moz-max-content;
	width: max-content;
	padding: 1.25rem 1.75rem;
	--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
	--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
		var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 640px) {
	.sm\:container {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		padding-right: 0.75rem;
		padding-left: 0.75rem;
	}
	.sm\:container {
		max-width: 640px;
		padding-right: 2rem;
		padding-left: 2rem;
	}
	@media (min-width: 768px) {
		.sm\:container {
			max-width: 768px;
		}
	}
	@media (min-width: 1024px) {
		.sm\:container {
			max-width: 1024px;
			padding-right: 2rem;
			padding-left: 2rem;
		}
	}
	@media (min-width: 1280px) {
		.sm\:container {
			max-width: 1280px;
			padding-right: 3rem;
			padding-left: 3rem;
		}
	}
	@media (min-width: 1475px) {
		.sm\:container {
			max-width: 1475px;
			padding-right: 6rem;
			padding-left: 6rem;
		}
	}
}
@media (min-width: 768px) {
	.md\:NavCollapse-content-desktop {
		position: absolute;
		top: 100%;
		left: -1.75rem;
	}
	.group:hover .md\:NavCollapse-content-desktop {
		height: auto;
	}
	.md\:NavCollapse-content-desktop > ul {
		width: -moz-max-content;
		width: max-content;
		padding: 1.25rem 1.75rem;
		--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
		--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
			var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	}
}
@media (min-width: 1024px) {
	.lg\:NavCollapse-content-desktop {
		position: absolute;
		top: 100%;
		left: -1.75rem;
	}
	.group:hover .lg\:NavCollapse-content-desktop {
		height: auto;
	}
	.lg\:NavCollapse-content-desktop > ul {
		width: -moz-max-content;
		width: max-content;
		padding: 1.25rem 1.75rem;
		--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
		--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
			var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	}
}
@media (min-width: 1280px) {
	.xl\:container {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		padding-right: 0.75rem;
		padding-left: 0.75rem;
	}
	@media (min-width: 640px) {
		.xl\:container {
			max-width: 640px;
			padding-right: 2rem;
			padding-left: 2rem;
		}
	}
	@media (min-width: 768px) {
		.xl\:container {
			max-width: 768px;
		}
	}
	@media (min-width: 1024px) {
		.xl\:container {
			max-width: 1024px;
			padding-right: 2rem;
			padding-left: 2rem;
		}
	}
	.xl\:container {
		max-width: 1280px;
		padding-right: 3rem;
		padding-left: 3rem;
	}
	@media (min-width: 1475px) {
		.xl\:container {
			max-width: 1475px;
			padding-right: 6rem;
			padding-left: 6rem;
		}
	}
	.xl\:NavCollapse-content-desktop {
		position: absolute;
		top: 100%;
		left: -1.75rem;
	}
	.group:hover .xl\:NavCollapse-content-desktop {
		height: auto;
	}
	.xl\:NavCollapse-content-desktop > ul {
		width: -moz-max-content;
		width: max-content;
		padding: 1.25rem 1.75rem;
		--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
		--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
			var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	}
}
@media (min-width: 1475px) {
	.\32xl\:NavCollapse-content-desktop {
		position: absolute;
		top: 100%;
		left: -1.75rem;
	}
	.group:hover .\32xl\:NavCollapse-content-desktop {
		height: auto;
	}
	.\32xl\:NavCollapse-content-desktop > ul {
		width: -moz-max-content;
		width: max-content;
		padding: 1.25rem 1.75rem;
		--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
		--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
			var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	}
}