/* Write your global styles here, in PostCSS syntax */
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
	@font-face {
		font-family: 'Inter';
		src: url('/Inter-Variable.ttf');
		font-weight: 100 900;
		font-display: swap;
	}

	.splitpanes--vertical > .splitpanes__pane {
		transition: none !important;
	}

	.splitpanes--horizontal > .splitpanes__pane {
		transition: none !important;
	}

	.monaco-workbench > .notifications-toasts.visible {
		display: none !important;
	}

	.nowrap pre code.hljs {
		whitespace: normal !important;
	}

	svelte-virtual-list-row {
		overflow: visible !important;
	}

	svelte-virtual-list-contents > * + * {
		border-top-width: 1px !important;
		border-bottom-width: 0px !important;
	}

	.monaco-editor textarea:focus {
		box-shadow: none !important;
	}

	.Template-editor span.mtk20 {
		color: black !important;
	}
}

@layer components {
	/* Flow graph viewer -> Svelvet library internal class overwrite */
	.Node {
		display: flex !important;
		cursor: pointer !important;
	}
}