.import-json-modal {
	.ant-modal-content {
		border-radius: 4px;
		border: 1px solid var(--bg-slate-400);
		background: linear-gradient(
			139deg,
			rgba(18, 19, 23, 0.8) 0%,
			rgba(18, 19, 23, 0.9) 98.68%
		);
		box-shadow: 4px 10px 16px 2px rgba(0, 0, 0, 0.2);
		backdrop-filter: blur(20px);

		padding: 0;
	}

	.margin {
		background: linear-gradient(
			139deg,
			rgba(18, 19, 23, 0.8) 0%,
			rgba(18, 19, 23, 0.9) 98.68%
		);

		backdrop-filter: blur(20px);
	}
	.view-lines {
		background: linear-gradient(
			139deg,
			rgba(18, 19, 23, 0.8) 0%,
			rgba(18, 19, 23, 0.9) 98.68%
		);

		backdrop-filter: blur(20px);
	}

	.import-json-content-header {
		padding: 16px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom: 1px solid var(--bg-slate-500);
	}

	.import-json-modal-footer {
		.create-dashboard-json-error {
			margin-bottom: 8px;
			display: flex;
		}

		.action-btns-container {
			display: flex;
			justify-content: space-between;
		}
	}

	.ant-modal-footer {
		margin-top: 0;
		padding: 16px;
		border-top: 1px solid var(--bg-slate-500);
	}
}

.lightMode {
	.import-json-modal {
		.ant-modal-content {
			border: 1px solid var(--bg-vanilla-300);
			background: var(--bg-vanilla-100);
		}

		.margin {
			background: var(--bg-vanilla-100);
		}
		.view-lines {
			background: var(--bg-vanilla-100);
		}

		.import-json-content-header {
			border-bottom: 1px solid var(--bg-vanilla-300);
		}

		.ant-modal-footer {
			border-top: 1px solid var(--bg-vanilla-300);

			.ant-btn {
				box-shadow: none;
			}
		}
	}
}
