githubmirror/obsidian-importer: Obsidian Importer lets you import notes from other apps and file formats into your Obsidian vault.

styles.css
330 строк30 KB
Steph Ango
Remove duplicate rule
09 авг 2026, 01:35
09 авг 2026, 01:35ca311ba
.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);
	display: flex;
	justify-content: flex-end;
	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%;
}

.modal.mod-importer.is-picking-format .modal-content {
	margin-bottom: 0;
}

.importer-step-buttons .mod-cta {
	margin-inline-start: auto;
}

.importer-app-icon {
	width: var(--icon-s);
	height: var(--icon-s);
	min-width: var(--icon-s);
	background-repeat: no-repeat;
	background-size: var(--icon-s) var(--icon-s);
	background-position: center;
}

.importer-app-icon.mod-evernote {
	background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 163 190'%3E%3Cpath d='M50.8 42.7c0 1.8-.1 5-2 7-2 2-5.2 2-7 2H21.5c-5.9 0-9.3 0-11.7.4-1.2.2-2.8.8-3.6 1.1-.3.2-.3 0-.2-.2L52 6.3c.2-.2.3-.2.2.2-.4.7-1 2.3-1.1 3.6-.4 2.3-.4 5.8-.4 11.6v21ZM93.7 184a23 23 0 0 1-11-19.5c0-13 10.6-23.8 23.9-23.8A7 7 0 0 1 110 154a9 9 0 0 1-2.7 1c-.7.1-3.7.5-5.1 1.7a7.3 7.3 0 0 0-2.9 5.5c0 2.4 1 4.6 2.5 6.2a15 15 0 0 0 10.7 4.4c10.7 0 19.4-8.7 19.4-19.4 0-9.6-6.5-18-15-21.9-1.2-.6-3.3-1-5.1-1.5l-4.8-.8c-6.6-.8-23.1-6-24.2-20.7 0 0-4.9 22-14.6 28a21.1 21.1 0 0 1-7 1.7c-16 1-32.9-4-44.5-16 0 0-7.9-6.4-12-24.5-1-4.4-2.8-12.3-4-19.7-.4-2.7-.5-4.7-.7-6.6 0-7.7 4.7-13 10.7-13.7h32.1c5.5 0 8.7-1.4 10.7-3.3 2.7-2.5 3.3-6.1 3.3-10.4V10.7C57.6 4.9 62.8 0 70.5 0h3.8l5.2.3 4.2 1c9.6 2.3 11.7 12 11.7 12l27.2 4.8c8.7 1.6 30 3 34.2 24.6 9.6 51.3 3.7 101 3.3 101-6.8 48.5-47 46.1-47 46.1-8.7 0-15.2-2.8-19.4-5.8Zm36.2-103.1c-5.2-.5-9.6 1.6-11.2 5.5-.3.8-.7 1.7-.5 2.2.2.5.5.6.8.8 1.9 1 5 1.4 9.6 1.9s7.7.8 9.8.5c.3 0 .6-.2.9-.7.3-.4.2-1.4.2-2.2-.7-4.4-4.5-7.4-9.6-8Z' fill='%2300A82D'%3E%3C/path%3E%3C/svg%3E");
}
.importer-app-icon.mod-onenote {
	background-image: url("data:image/svg+xml,%3Csvg fill='%237F2DA6' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22 42.66h17.2a3.46 3.46 0 0 0 3.26-2.3h1.35a3.46 3.46 0 0 0 3.46-3.47v-5.76c0-.85-.31-1.67-.88-2.3.57-.63.88-1.46.88-2.31v-5.77c0-.85-.31-1.67-.88-2.3.57-.63.88-1.45.88-2.3v-5.77a3.46 3.46 0 0 0-3.46-3.46h-1.35a3.46 3.46 0 0 0-3.26-2.3H22v2.3h17.2a1.15 1.15 0 0 1 1.15 1.15v1.15h3.46a1.15 1.15 0 0 1 1.16 1.16v5.76a1.15 1.15 0 0 1-1.16 1.16h-3.46v21.9a1.15 1.15 0 0 1-1.15 1.15H22v2.31Zm22.88-5.32c.06-.15.1-.3.09-.45v-5.76a1.15 1.15 0 0 0-1.16-1.15h-1.15v8.07h1.15a1.15 1.15 0 0 0 1.07-.71Zm0-10.38c.06-.14.09-.29.09-.44v-5.77a1.15 1.15 0 0 0-1.16-1.15h-1.15v8.07h1.15a1.15 1.15 0 0 0 1.07-.7Z'%3E%3C/path%3E%3Cpath d='M27 10.38h8.74v2.3H27v-2.3Zm0 6.91h8.74V15H27v2.29Zm0 4.62h8.74V19.6H27v2.31Zm0 4.6h8.74v-2.3H27v2.3Zm0 4.62h8.74v-2.3H27v2.3Zm0 4.61h8.74v-2.3H27v2.3Z'%3E%3C/path%3E%3Cpath d='M27 10.38h8.74v2.3H27v-2.3Zm0 6.91h8.74V15H27v2.29Zm0 4.62h8.74V19.6H27v2.31Zm0 4.6h8.74v-2.3H27v2.3Zm0 4.62h8.74v-2.3H27v2.3Zm0 4.61h8.74v-2.3H27v2.3Z'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 5.76 27.67 0v47.27L0 41.51V5.76Zm17.58 21.62V13.84l3.75-.57v20.16l-4.15-.23-6.8-14.23v13.79l-3.46-.2V14.42l3.46-.3s7.12 13.09 7.2 13.26Z'%3E%3C/path%3E%3C/svg%3E");
}
.importer-app-icon.mod-keep {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 88'%3E%3Cpath d='m42 22 12.06 2.28L64 22 42 0l-3.03 10.43Z' fill='%23f29900'%3E%3C/path%3E%3Cpath d='M42 22V0H6a6 6 0 0 0-6 6v76a6 6 0 0 0 6 6h52a6 6 0 0 0 6-6V22Z' fill='%23fbbc04'%3E%3C/path%3E%3Cpath d='M39 64H25v-5h14Zm-.07-10H25.07a13 13 0 1 1 13.85 0z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
}
.importer-app-icon.mod-apple-notes {
	border-radius: 4px;
	border: 0.5px solid var(--background-modifier-border-hover);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='120' height='120' viewBox='0 0 120 120'%3E%3Cdefs%3E%3ClinearGradient id='e' x1='50%25' x2='50%25' y1='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23F4D87E'%3E%3C/stop%3E%3Cstop offset='100%25' stop-color='%23F5C52C'%3E%3C/stop%3E%3C/linearGradient%3E%3Cfilter id='c' width='110.2%25' height='146.7%25' x='-5.1%25' y='-16.7%25' filterUnits='objectBoundingBox'%3E%3CfeOffset dy='2' in='SourceAlpha' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='2'%3E%3C/feGaussianBlur%3E%3CfeColorMatrix in='shadowBlurOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'%3E%3C/feColorMatrix%3E%3C/filter%3E%3Crect id='a' width='120' height='120' x='0' y='0' rx='28'%3E%3C/rect%3E%3Cpath id='d' d='M-9 0h137v30H-9z'%3E%3C/path%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'%3E%3C/use%3E%3C/mask%3E%3Cuse fill='%23FFF' xlink:href='%23a'%3E%3C/use%3E%3Cg mask='url(%23b)'%3E%3Cuse fill='%23000' filter='url(%23c)' xlink:href='%23d'%3E%3C/use%3E%3Cuse fill='url(%23e)' xlink:href='%23d'%3E%3C/use%3E%3C/g%3E%3Cpath fill='%23C7C5C9' d='M0 59h120v2H0zM0 89h120v2H0z' mask='url(%23b)'%3E%3C/path%3E%3Cg fill='%23C2C0C4' mask='url(%23b)'%3E%3Cg transform='translate(0 35)'%3E%3Ccircle cx='11.5' cy='1.5' r='1.5'%3E%3C/circle%3E%3Ccircle cx='16.5' cy='1.5' r='1.5'%3E%3C/circle%3E%3Ccircle cx='21.5' cy='1.5' r='1.5'%3E%3C/circle%3E%3Ccircle cx='26.5' cy='1.5' r='1.5'%3E%3C/circle%3E%3Ccircle cx='31.5' cy='1.5' r='1.5'%3E%3C/circle%3E%3Ccircle cx='36.5' cy='1.5' r='1.5'%3E%3C/circle%3E%3Ccircle cx='41.5' cy='1.5' r='1.5'%3E%3C/circle%3E%3Ccircle cx='46.5' cy='1.5' r='1.5'%3E%3C/circle%3E%3Ccircle cx='51.5' cy='1.5' r='1.5'%3E%3C/circle%3E%3Ccircle cx='56.5' cy='1.5' r='1.5'%3E%3C/circle%3E%3Ccircle cx='61.5' cy='1.5' r='1.5'%3E%3C/circle%3E%3Ccircle cx='66.5' cy='1.5' r='1.5'%3E%3C/circle%3E%3Ccircle cx='71.5' cy='1.5' r='1.5'%3E%3C/circle%3E%3Ccircle cx='76.5' cy='1.5' r='1.5'%3E%3C/circle%3E%3Ccircle cx='81.5' cy='1.5' r='1.5'%3E%3C/circle%3E%3Ccircle cx='86.5' cy='1.5' r='1.5'%3E%3C/circle%3E%3Ccircle cx='91.5' cy='1.5' r='1.5'%3E%3C/circle%3E%3Ccircle cx='96.5' cy='1.5' r='1.5'%3E%3C/circle%3E%3Ccircle cx='101.5' cy='1.5' r='1.5'%3E%3C/circle%3E%3Ccircle cx='106.5' cy='1.5' r='1.5'%3E%3C/circle%3E%3Ccircle cx='111.5' cy='1.5' r='1.5'%3E%3C/circle%3E%3Ccircle cx='116.5' cy='1.5' r='1.5'%3E%3C/circle%3E%3Ccircle cx='6.5' cy='1.5' r='1.5'%3E%3C/circle%3E%3Ccircle cx='1.5' cy='1.5' r='1.5'%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.importer-app-icon.mod-apple-journal {
	border-radius: 4px;
	background-image: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 982 982' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_102_70)'%3E%3Crect x='34 … [Строка слишком длинная. Вы можете скачать файл]
}
.importer-app-icon.mod-bear {
	border: 1px solid white;
	border-radius: 50px;
	background-color: white;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23DD4C4F' fill-rule='evenodd' d='M50 2a50 50 0 0 1 18.04 96.65c-1.5-2.32-2.62-4-2.85-4.33l-.04-.06s-8.1-12.53-8.71-20.7c-1-13.51 23.22.03 29.04-21.5 1.36-5.04.04-7.23-3.96-6.6-24.58-6.58-14.05-17.8-40.9-15.07-3.35-3.6-6.83-5.39-10.44-5.39-4.36 0-3.33 10.28-3.33 10.28-7.73 8.04-14.42 22-20.05 41.9A50 50 0 0 1 50 2Z'/%3E%3C/svg%3E");
}
.importer-app-icon.mod-notion,
.importer-app-icon.mod-notion-api {
	background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 30'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.4 0 1.8 1.4c-1.3.1-1.8 1-1.8 2v18.2c0 .8.3 1.5 1 2.5l3.9 5c.6.9 1.2 1 2.4 1l19.3-1.2c1.6 0 2.1-.9 2.1-2.1V6.2c0-.7-.2-.9-1-1.4l-.2-.1L22.2.9C21 0 20.4 0 18.4.1ZM7.8 6c-1.6 0-2 0-2.8-.6L2.7 3.5c-.3-.3-.1-.6.4-.6l16-1.2c1.3-.1 2 .4 2.6.8l2.7 2c.1 0 .4.4 0 .4L8 5.9h-.2ZM5.9 26.5V9c.1-.6.3-1 1.1-1l18.9-1c.6-.1 1 .3 1 1v17.3c0 .8-.2 1.4-1.2 1.5l-18.1 1c-1 0-1.6-.3-1.6-1.2ZM24 10c0 .6 0 1-.6 1.2l-.9.1v12.9c-.7.4-1.4.6-2 .6-1 0-1.2-.3-1.9-1.2l-5.7-9v8.7l1.8.4s0 1.1-1.4 1.1l-4 .2c-.2-.2 0-.8.4-.9l1-.3V12.3l-1.5-.1c0-.5.2-1.3 1-1.3l4.3-.3 6 9v-8l-1.5-.2c-.1-.6.3-1 .9-1.1l4-.3Z' fill='black'%3E%3C/path%3E%3C/svg%3E");
}
.importer-app-icon.mod-roam-json {
	background-image: url("data:image/svg+xml,%3Csvg fill='black' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.1 0a12 12 0 1 0 11.7 17.3 12 12 0 0 0-2.5-14A11.8 11.8 0 0 0 11.1 0zM16 2.6c1 .4 2 1 3 2 .6.6 1.3 1.4 1.3 1.6l-1.8.7v-.2l-.1-.3a77.4 77.4 0 0 0-3.4 2h-.2c-.1-.2-.2-.3-.3-.1l-.1.3v.2l-.8.5-1 .4h-.2V8.2a82.1 82.1 0 0 1 .4-4.1c0-1.1.2-1.3 1.3-1.4h.6l.1-.2.4-.2.8.3zm-7.1 0 .1.2h.7l.9.1c.3.2.5.5.5 1.2v.5h.4V10l-.2.2a3 3 0 0 0-1 .9l-.1.2H4.9V11H3.7l-.4-.6c-.3-.5-.4-.6-.7-.8-.4-.3-.4-.2-.2-1a9.8 9.8 0 0 1 6.3-6.2l.2.2zm12.2 5 .7 1.7-.3.2c-.4.2-.4.3-.4.5s-.2.4-.6.7l-.3.3h-1v.3h-2.8v-.9l-.3-.4-.3-.4a55 55 0 0 1 4.8-2.8l.5.7zm-5.6 3 .5.7h-1.8L14 11l-.2-.4L15 10l.5.7zm-7.3 2.6.4.7-5.2 3.4a6 6 0 0 1-1-2.1c-.2-.9-.3-.8.2-1l.6-.7.4-.6h1.2v-.5h3l.4.8zm1.8-.5.2.3-1 .6-.8-1.1h1.5l.1.2zm9.2 0v.2h.6c.6 0 .5 0 1.2.5v.4c.2.4.2.4.6.5.2 0 .3.2 0 .8a11 11 0 0 1-3.3 4.7c-.6.5-.6.5-.5 0 0-.7 0-1-.3-1.2-.2-.3-.5-.3-1.3.1l-.9.4c-.3 0-.6-.1-.8-.3l-.2-.1.4-.4c.5-.3.7-.7.6-.9-.2-.3-.5-.3-1-.2h-1c-.3-.1-.4-.4-.4-.7 0-.4 0-.4-.2-.7l-.2-.2v-1.8l.4-.3.7-.7.4-.4h5.2v.2zm-7.8 2.1v.8l-.3.2-.3.3.1.3v.6c0 .2-.3.3-.9.2a8.2 8.2 0 0 0-.7-.1c-.7 0-.7.5 0 1.2.2.4.2.4-.2.6-.5.3-.9.3-1.4-.1-.4-.3-.6-.4-1-.4l-.4.2-.1.2v1.4l-1.5-1.3a4 4 0 0 1-1-1.2l1.6-.7v.4l3-1.7a204.3 204.3 0 0 1 3-1.7v.8z'%3E%3C/path%3E%3C/svg%3E");
}
.importer-app-icon.mod-airtable-api {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 170'%3E%3Cpath fill='%23FCB400' d='M90.04 6.65 15.12 37.65c-4.17 1.72-4.13 7.64.07 9.3l75.23 29.84a26.6 26.6 0 0 0 19.63 0l75.23-29.84c4.2-1.66 4.24-7.58.07-9.3l-74.92-31a26.6 26.6 0 0 0-20.4 0'%3E%3C/path%3E%3Cpath fill='%2318BFFF' d='M105.7 88.4v74.55c0 3.55 3.58 5.99 6.88 4.68l83.85-32.55a5.03 5.03 0 0 0 3.17-4.68V55.86c0-3.55-3.58-5.98-6.88-4.67l-83.85 32.54a5.03 5.03 0 0 0-3.17 4.68'%3E%3C/path%3E%3Cpath fill='%23F82B60' d='m86.05 92.26-24.89 12.02-2.53 1.22-52.5 25.13C2.8 132.24 0 130.29 0 127.37V56.18c0-1.06.54-1.97 1.27-2.65a4.6 4.6 0 0 1 1.02-.76 4.6 4.6 0 0 1 3.9-.38l79.55 31.5c4.05 1.6 4.36 7.27.31 8.37'%3E%3C/path%3E%3Cpath fill='%23BA1E45' d='m86.05 92.26-24.89 12.02L1.27 53.53a4.6 4.6 0 0 1 1.02-.76 4.6 4.6 0 0 1 3.9-.38l79.55 31.5c4.05 1.6 4.36 7.27.31 8.37'%3E%3C/path%3E%3C/svg%3E");
}

.theme-dark .importer-app-icon.mod-notion,
.theme-dark .importer-app-icon.mod-notion-api,
.theme-dark .importer-app-icon.mod-roam-json {
	filter: invert(1);
}

.theme-dark .importer-app-icon.mod-evernote {
	filter: brightness(1.7) saturate(0.7);
}

.importer-format-chevron {
	display: flex;
	color: var(--text-faint);
}

.setting-group.mod-list .setting-item.mod-navigable:hover {
	background-color: var(--background-modifier-hover);
}

.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);
}

.is-paused .importer-progress-bar-inner {
	background-color: var(--text-faint);
}

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

.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;
}

.notice-message {
	font-variant: tabular-nums;
}

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

.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;
}

/*
 * Tree selector buttons. Their labels change as the user works ("Load" ->
 * "Loading..." -> "Refresh", "Select all" -> "Deselect all"), so they need a
 * floor to stop the row shifting on every click.
 */
.importer-tree-button {
	min-width: 95px;
}

.import-section .tree-item-flair {
	color: var(--text-faint);
	padding: 0;
}

.import-section .publish-change-list {
	max-height: 200px;
	height: 200px;
	overflow-y: auto;
	padding: var(--size-4-2);
	background-color: var(--setting-items-background);
	border-radius: var(--setting-items-radius);
	corner-shape: var(--corner-shape);
	border: var(--setting-items-border-width) solid var(--setting-items-border-color);
}

.import-section .publish-placeholder {
	color: var(--text-muted);
	font-size: var(--font-ui-small);
	text-align: center;
	padding: 30px 10px;
	height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

/*
 * A row whose selection is inherited from its base: dimmed and not clickable,
 * except for the collapse arrow, so the base can still be expanded.
 */
.import-section .tree-item-self.is-disabled {
	opacity: 0.5;
	pointer-events: none;
}

.import-section .tree-item-self.is-disabled .collapse-icon {
	pointer-events: auto;
}

.import-section .tree-item-self {
	align-items: center;
}

/* Shown while an importer prepares, e.g. fetching field schemas before configuration */
.importer-loading {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--size-4-3);
	/* Asymmetric: the modal already reserves room below the content for its
	   button bar, so matching that padding underneath reads as a large gap. */
	padding: var(--size-4-8) var(--size-4-2) var(--size-4-2);
	color: var(--text-muted);
	font-size: var(--font-ui-small);
}

.importer-loading .loader-spinner {
	margin: 0;
}

/*
 * Obsidian's .loader-spinner is sized and centred for a full-pane loader.
 * Shrink it to sit inline at the end of a tree row while a base's tables load.
 */
.import-section .tree-item-self .loader-spinner {
	--icon-size: var(--icon-s);
	width: var(--icon-s);
	height: var(--icon-s);
	flex-shrink: 0;
	margin: 0 var(--size-4-1) 0 auto;
}