frontend/tauri-app/src/index.css
@import "tailwindcss";
@import "./generated/colors.css";
@import "./xterm-tweaks.css";

@font-face {
  font-family: 'MapleMono';
  src: url('./assets/fonts/MapleMono-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MapleMono';
  src: url('./assets/fonts/MapleMono-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'MapleMono';
  src: url('./assets/fonts/MapleMono-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'MapleMono';
  src: url('./assets/fonts/MapleMono-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'MapleMono';
  src: url('./assets/fonts/MapleMono-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'MapleMono';
  src: url('./assets/fonts/MapleMono-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

/* Custom thin scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
	border-radius: 4px;
  	background: var(--base-300-20);
}

::-webkit-scrollbar-thumb {
  background-color: var(--base-400-50);
  border-radius: 4px;
  cursor: grab;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--base-500-50);
}

/* CommitMono Variable Font */
@font-face {
	font-family: "CommitMono";
	src: url('./assets/fonts/CommitMono VariableFont.woff2') format('woff2-variations'),
		 url('./assets/fonts/CommitMono VariableFont.ttf') format('truetype-variations');
	font-weight: 200 700;
	font-style: normal;
}

/* CommitMono Static Fonts */
@font-face {
	font-family: "CommitMono";
	src: url('./assets/fonts/CommitMono-200-Regular.otf') format('opentype');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: "CommitMono";
	src: url('./assets/fonts/CommitMono-200-Italic.otf') format('opentype');
	font-weight: 200;
	font-style: italic;
}

@font-face {
	font-family: "CommitMono";
	src: url('./assets/fonts/CommitMono-300-Regular.otf') format('opentype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "CommitMono";
	src: url('./assets/fonts/CommitMono-300-Italic.otf') format('opentype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: "CommitMono";
	src: url('./assets/fonts/CommitMono-400-Regular.otf') format('opentype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "CommitMono";
	src: url('./assets/fonts/CommitMono-400-Italic.otf') format('opentype');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: "CommitMono";
	src: url('./assets/fonts/CommitMono-500-Regular.otf') format('opentype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "CommitMono";
	src: url('./assets/fonts/CommitMono-500-Italic.otf') format('opentype');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: "CommitMono";
	src: url('./assets/fonts/CommitMono-600-Regular.otf') format('opentype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "CommitMono";
	src: url('./assets/fonts/CommitMono-600-Italic.otf') format('opentype');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: "CommitMono";
	src: url('./assets/fonts/CommitMono-700-Regular.otf') format('opentype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "CommitMono";
	src: url('./assets/fonts/CommitMono-700-Italic.otf') format('opentype');
	font-weight: 700;
	font-style: italic;
}

* {
	box-sizing: border-box;
	--border: 1.5px;
	--border-big: calc(4 * var(--border));
}

body {
	margin: 0;
	padding: 0;
	background: transparent;
	overflow: hidden;
}

#root {
	height: 100vh;
	width: 100vw;
	border-radius: 8px;
	overflow: hidden;
	background: transparent;
}

button {
	cursor: pointer;
}

/* I know, terrible practice, yada yada. That's my IDE, I decide */
*:focus {
	outline: none;
}

*:active {
	outline: none;
}

@theme {
	--font-sans: "CommitMono", monospace;
	--font-mono: "CommitMono", "Roboto Mono", Consolas, "Courier New", monospace;
}

@keyframes fadeIn {
	from {
		transform: scale(0.99);
		opacity: 0;
	}

	to {
		transform: scale(1);
		opacity: 1;
	}
}

.animate-fade-in {
	animation: fadeIn 0.5s ease-out forwards;
}

/* Marquee animation for canvas agent list */
@keyframes marquee {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}

.animate-marquee {
	animation: marquee linear infinite;
}


@plugin 'tailwind-scrollbar';