.root {
	padding: 24px;
	background-color: white;
	border: 1px dashed #e7e7e7;
    
    height: fit-content;
    &[data-drag-over="true"] {
        border: 1px dashed grey;
    }

	.top-container {
		display: flex;
		align-items: center;

		.left {
			margin-right: 28px;
		}

		.separator {
			background-color: #939393;
			width: 1px;
			align-self: stretch;
		}

		.right {
			margin-left: 18px;

			.title {
				display: flex;
				align-items: center;
				gap: 8px;
			}
		}
	}

	.documents-container {
		display: flex;
		flex-direction: column;
		gap: 16px;
		margin-top: 16px;

		.file-container {
            display: flex;
            align-items: center;
            justify-content: space-between;

			.left-part {
				display: flex;
				align-items: center;
				gap: 8px;
			}

			.cross{
				cursor: pointer;
			}
		}
	}

	.bottom-container {
		margin-top: 16px;
		.add-button {
			.add-document {
				display: flex;
				align-items: center;
				gap: 14px;
			}
		}
	}
}