.sync-settings-access-token textarea {
	width: 100%;
	height: 100px;
}

.log-message {
	&.DEBUG {
		color: var(--color-base-50);
	}

	&.INFO {
		color: var(--color-base-70);
	}

	&.WARNING {
		color: var(--color-yellow-70);
	}

	&.ERROR {
		color: var(--color-red-70);
	}

	font: var(--font-monospace-theme);
}

.history-card * {
	margin: 0;
	padding: 0;
}

.history-card {
	padding: var(--size-4-4) var(--size-4-6);
	margin: var(--size-4-2);
	background-color: var(--color-base-00);
	border-radius: var(--radius-l);

	&.success {
		background-color: rgba(var(--color-green-rgb), 0.2);
	}

	&.error {
		background-color: rgba(var(--color-red-rgb), 0.2);
	}

	.history-card-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: var(--size-4-4);

		.history-card-title {
			font: var(--font-monospace-theme);
		}

		.history-card-timestamp {
			font-size: var(--font-ui-small);
			color: var(--color-base-70);
		}
	}

	.history-card-message {
		font-size: var(--font-ui-medium);
		color: var(--color-base-70);
	}
}