@import "@Themes/constants.scss";

.root {
	display: flex;
	flex-direction: column;
	background-color: $white;
	box-shadow: $shadow-nav;
	padding: 24px;
	position: absolute;
	top: 107px;
	right: 66px;
	text-align: center;
	animation: smooth-appear 0.2s ease forwards;

	@keyframes smooth-appear {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}

	> *:not(:last-child) {
		margin-bottom: 24px;
	}

	.separator {
		width: 100%;
		border: 1px solid $grey-medium;
	}
}

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