Main/.obsidian/plugins/obsidian-importer/styles.css

.modal.mod-importer {
	max-height: var(--modal-height);
	padding: var(--size-4-4) 0 0 0;
	position: relative;
	overflow: hidden;
}
.modal.mod-importer .modal-title {
	padding: 0 var(--size-4-4);
}
.modal.mod-importer .modal-content {
	overflow: auto;
	padding: var(--size-4-4);
	margin-bottom: calc(var(--input-height) + var(--size-4-8));
	border-top: var(--border-width) solid var(--background-modifier-border);
}
.modal.mod-importer .modal-button-container {
	margin: 0 0 0 calc(var(--size-4-4) * -1);
	padding: var(--size-4-4);
	gap: var(--size-4-2);
	position: absolute;
	bottom: 0;
	background-color: var(--background-primary);
	border-top: var(--border-width) solid var(--background-modifier-border);
	width: 100%;
}

.importer-progress-bar {
	width: 100%;
	height: 8px;
	background-color: var(--background-secondary);
	overflow: hidden;
	box-shadow: inset 0px 0px 0px 1px var(--background-modifier-border);
	border-radius: var(--radius-s);
}

.importer-progress-bar-inner {
	width: 0;
	height: 100%;
	background-color: var(--interactive-accent);
}

.importer-status {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: var(--size-4-2) 0;
}

.importer-stats-container {
	display: flex;
	justify-content: space-evenly;
	margin-top: var(--size-4-5);
	margin-bottom: var(--size-4-5);
}

.importer-stat {
	text-align: center;
}

.importer-stat-count {
	font-size: var(--font-ui-large);
}

.importer-log {
	overflow: auto;
	flex-grow: 1;
	font-family: var(--font-monospace);
	font-size: var(--font-ui-smaller);
	color: var(--text-muted);
	border: 1px solid var(--background-modifier-border);
	padding: var(--size-4-4);
	background-color: var(--background-secondary);
	border-radius: var(--radius-s);
	max-height: 300px;
	user-select: text;
}

.importer-log .list-item {
	display: inline-block;
	line-height: var(--line-height-normal);
	white-space: pre;
	margin: var(--size-2-1);
}

.importer-error {
	color: var(--text-error);
}

/* Template configuration styles */
.importer-frontmatter-header {
	display: flex;
	flex-direction: column;
	gap: var(--size-4-2);
}

.importer-frontmatter-header h4 {
	margin: 0;
}

.importer-select-all-setting {
	padding: 0;
	border: none;
}

.importer-select-all-setting .setting-item-info {
	padding-inline-end: var(--size-4-2);
}

.importer-column-list {
	display: flex;	
	flex-direction: column;
	gap: var(--size-4-1);
	padding: var(--size-4-3) 0;
}

.importer-column-header-row {
	display: flex;
	align-items: center;
	gap: var(--size-4-2);
	font-size: var(--font-ui-smaller);
	color: var(--text-muted);
	padding: var(--size-2-1) 0;
}

.importer-column-row {
	display: flex;
	align-items: center;
	gap: var(--size-4-2);
	background-color: var(--background-primary);
	border-radius: var(--radius-s);
}

.importer-column-name-col {
	flex: 0 0 150px;
	min-width: 0;
}

.importer-column-value-col {
	flex: 0 0 200px;
	min-width: 0;
}

.importer-column-property {
	width: 100%;
}

.importer-column-example-col {
	flex: 1;
	min-width: 0;
	font-size: var(--font-ui-smaller);
	color: var(--text-muted);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: var(--size-2-1) var(--size-4-1);
}

.importer-column-delete-col {
	flex-shrink: 0;
	width: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Fixed width buttons to prevent resizing during loading */
.notion-load-button {
	width: 70px;
}

.notion-toggle-button {
	width: 95px;
}