* {
	/* makes css easier - reasoning: https://github.com/chakra-ui/chakra-ui/issues/8221 */
	min-width: 0;
}

body {
	margin: 0;
	font-family:
		-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
		'Helvetica Neue', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
a:-webkit-any-link {
	/* color: inherit;  HACK to get link color to not be useragent-given */
	color: light-dark(#2c5e7c, #b0cfe3);
}
code {
	font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}

sl-dialog .dialog__body {
	/* TODO: doesn't work */
	padding-top: calc(var(--body-spacing) / 2);
}
sl-card::part(body) {
	flex-grow: 1;
}

.card-compact::part(base) {
	height: 100%;
}
.card-nobody::part(body) {
	display: none;
}
.copy-button-compact::part(button) {
	padding: var(--sl-spacing-2x-small);
}
.header-search-input::part(input) {
	height: 2.5em;
	padding-right: 0;
}

sl-alert::part(message) {
	padding-top: var(--sl-spacing-medium); /* default spacing looks bigger in Y-axis because text has some extra space */
	padding-bottom: var(--sl-spacing-medium);
}
sl-alert::part(base) {
	flex-shrink: 0;
}

.sortable-ghost {
	opacity: 0.4;
	background-color: rgba(0, 0, 50, 0.2);
}

/* .sortable-chosen { */
.sortable-drag {
	background-color: rgba(0, 0, 50, 0.7);
}

/* adapted from: https://unocss.dev/interactive/?s=animate-fade-in-up */
@keyframes fade-in-up-small {
	from {
		opacity: 0;
		transform: translate3d(0, 10%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.menu-tight {
	--sl-line-height-normal: 24px;
}
sl-menu-item.-tight {
	margin-left: var(--sl-spacing-x-small);
}
sl-menu-item.-tight::part(checked-icon) {
	display: none;
}
sl-menu-item.-nosub::part(submenu-icon) {
	display: none;
}
sl-menu-item.-nosub {
	margin-right: var(--sl-spacing-x-small);
}
@media (hover: none) {
	.menu-tight {
		--sl-line-height-normal: 28px;
	}
}

.tree-item {
	transition: background-color 0.1s linear;
}
.tree-item:hover:not(:has(.tree-item:hover)) {
	background-color: rgba(0, 0, 50, 0.1);
}
.onlyShowOnHover {
	opacity: 0;
}
.onlyShowOnHover:hover {
	opacity: 1;
}
/* TIPTAP */
.tiptap img {
	max-width: 100%;
	max-height: 33vh;
}

.block-content p {
	line-height: normal;
	margin-block-start: 0.9em;
	margin-block-end: 1em;
}

html:not(.sl-theme-dark) .tag-col-invert {
	filter: brightness(40%) saturate(9); /* HACK colors were made for dark theme */
}
.tag-in-block {
	font-weight: 500;
	caret-color: rgb(var(--un-preset-theme-colors-text));
}

.tiptap > p:not(:only-child) > .ProseMirror-trailingBreak {
	display: none;
}