/* 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;
	}
}

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