@import "@Themes/constants.scss";

.root {
	position: absolute;
	top: var(--header-height);
	left: 0;

	width: 100%;
	max-height: calc(100vh - var(--header-height));
	padding: var(--spacing-05, 4px) var(--spacing-2, 16px);

	display: flex;
	flex-direction: column;

	overflow: auto;

	border-radius: var(--menu-radius, 0px);
	background: var(--color-generic-white, #FFF);
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);

	.separator {
		width: 100%;
		border: 1px solid var(--color-neutral-200);
	}
}

.background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
}