@import "@Themes/constants.scss";

.root {
	display: flex;
	flex-direction: column;
	width: 300px;
	max-height: 80%;
	background-color: $white;
	box-shadow: $shadow-nav;
	padding: 24px;
	position: absolute;
	top: 107px;
	right: 56px;

	.notification-header {
		width: 100%;
		display: inline-flex;
		justify-content: space-between;
		.close-icon {
			cursor: pointer;
		}
	}
	.notification-body {
		margin-top: 24px;
		overflow: hidden;
		overflow-y: auto;
	}
}

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