@import "@Themes/animation.scss";
@import "@Themes/constants.scss";

.root {
	margin: 80px auto;
	width: 474px;

	display: flex;
	flex-direction: column;
	gap: var(--spacing-xl, 32px);

	@media (max-width: $screen-s) {
		width: 100%;
		margin: auto;
		padding: var(--spacing-md, 16px);
	}

	.content {
		display: flex;
		padding: var(--spacing-xl, 32px) var(--spacing-lg, 24px);
		flex-direction: column;
		gap: var(--spacing-lg, 24px);

		border-radius: var(--radius-rounded, 16px);
		background: var(--background-primary, #fff);
		box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);

		.text {
			display: flex;
			flex-direction: column;
			gap: var(--spacing-sm);
		}
	}
}