@import "@Themes/constants.scss";

.root {
	.content {
		display: flex;
		width: 648px;
		flex-direction: column;
		justify-content: center;
		gap: var(--spacing-2xl, 40px);

		.title-container {
			display: flex;
			flex-direction: column;
			gap: var(--spacing-md, 16px);
			align-self: stretch;

			.logo{
				fill: "red"
			}
		}

		.no-folder {
			display: flex;
			padding: var(--spacing-xl, 32px) var(--spacing-lg, 24px);
			flex-direction: column;
			gap: var(--spacing-lg, 24px);
			align-self: stretch;

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

			svg {
				stroke: var(--primary-default-base);
			}
		}

		.help-container {
			display: flex;
			gap: var(--spacing-lg, 24px);

			.box {
				display: flex;
				flex-direction: column;
				gap: var(--spacing-sm, 8px);
			}

			.separator {
				background-color: var(--separator-stroke-light);
				width: 1px;
				align-self: stretch;
			}
		}
	}
}