:root {
	--font-family-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	--font-family-code: 'Fira Code', 'Courier New', Courier, monospace;
	--font-size-text-xs: 0.75rem;
	--font-size-text-sm: 0.875rem;
	--font-size-text-md: 1rem;
	--font-size-text-lg: 1.125rem;
	--font-size-heading-3xs: 1rem;
	--font-size-heading-2xs: 1.125rem;
	--font-size-heading-xs: 1.25rem;
	--font-size-heading-sm: 1.5rem;
	--font-size-heading-md: 1.75rem;
	--font-size-heading-lg: 2rem;
	--font-size-heading-xl: 2.25rem;
	--font-size-heading-2xl: 2.5rem;
	--line-height-text-xs: 1.125rem;
	--line-height-text-sm: 1.25rem;
	--line-height-text-md: 1.5rem;
	--line-height-text-lg: 1.75rem;
	--line-height-heading-3xs: 1.5rem;
	--line-height-heading-2xs: 1.625rem;
	--line-height-heading-xs: 1.75rem;
	--line-height-heading-sm: 2rem;
	--line-height-heading-md: 2.25rem;
	--line-height-heading-lg: 2.5rem;
	--line-height-heading-xl: 2.75rem;
	--line-height-heading-2xl: 3rem;
	--line-height-label-xs: 1rem;
	--line-height-label-sm: 1rem;
	--line-height-label-md: 1.25rem;
	--line-height-label-lg: 1.5rem;
	--font-weight-normal: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--radius-2xs: 0.125rem;
	--radius-xs: 0.25rem;
	--radius-sm: 0.375rem;
	--radius-md: 0.5rem;
	--radius-lg: 0.625rem;
	--radius-xl: 0.75rem;
	--radius-2xl: 1rem;
	--radius-3xl: 1.25rem;
	--radius-4xl: 1.5rem;
	--radius-5xl: 2rem;
	--radius-full: 9999px;
	--spacing-0: 0rem;
	--spacing-25: 0.125rem;
	--spacing-50: 0.25rem;
	--spacing-75: 0.375rem;
	--spacing-100: 0.5rem;
	--spacing-125: 0.625rem;
	--spacing-150: 0.75rem;
	--spacing-200: 1rem;
	--spacing-250: 1.25rem;
	--spacing-300: 1.5rem;
	--spacing-400: 2rem;
	--spacing-500: 2.5rem;
	--spacing-600: 3rem;
	--spacing-700: 3.5rem;
	--spacing-800: 4rem;
	--spacing-1000: 5rem;
	--spacing-1200: 6rem;
	--shadow-xs: 0px 1px 2px rgba(12, 13, 14, 0.05);
	--shadow-sm: 0px 1px 3px rgba(12, 13, 14, 0.1), 0px 1px 2px -1px rgba(12, 13, 14, 0.1);
	--shadow-md: 0px 4px 6px -1px rgba(12, 13, 14, 0.1), 0px 2px 4px -2px rgba(12, 13, 14, 0.06);
	--shadow-lg: 0px 12px 16px -4px rgba(12, 13, 14, 0.08), 0px 4px 6px -2px rgba(12, 13, 14, 0.03), 0px 2px 2px -1px rgba(12, 13, 14, 0.04);
	--shadow-xl: 0px 20px 24px -4px rgba(12, 13, 14, 0.08), 0px 8px 8px -4px rgba(12, 13, 14, 0.03), 0px 3px 3px -1.5px rgba(12, 13, 14, 0.04);
	--shadow-2xl: 0px 24px 48px -12px rgba(12, 13, 14, 0.18), 0px 4px 4px -2px rgba(12, 13, 14, 0.04);
	--shadow-3xl: 0px 32px 64px -12px rgba(12, 13, 14, 0.14), 0px 5px 5px -2.5px rgba(12, 13, 14, 0.04);
	--breakpoint-xs: 32.5rem;
	--breakpoint-sm: 49.125rem;
	--breakpoint-md: 64rem;
	--breakpoint-lg: 80rem;
	--breakpoint-xl: 102.5rem;
	--control-height-xs: 1.75rem;
	--control-height-sm: 2.25rem;
	--control-height-md: 2.75rem;
	--control-height-lg: 3.25rem;
	--blur-xs: 4px;
	--blur-sm: 8px;
	--blur-md: 12px;
	--blur-lg: 16px;
	--blur-xl: 24px;
	--blur-2xl: 40px;
	--blur-3xl: 64px;
}
:root, [data-theme=light] {
	--color-text: #0C0D0E;
	--color-text-subtle: #0C0D0Eb8;
	--color-text-subtler: #0C0D0E8f;
	--color-text-inverse: #FFFFFF;
	--color-text-inverse-subtle: #FFFFFFe0;
	--color-text-inverse-subtler: #FFFFFF8f;
	--color-text-white: #FFFFFF;
	--color-text-placeholder: #0C0D0E66;
	--color-text-disabled: #0C0D0E3d;
	--color-text-brand: #FF4600;
	--color-text-accent: #228BF4;
	--color-text-danger: #B62534;
	--color-text-status-general: #2B2D31;
	--color-text-status-success: #10421B;
	--color-text-status-warning: #755200;
	--color-text-status-error: #591219;
	--color-surface-sunken: #FAFAFA;
	--color-surface: #FFFFFF;
	--color-surface-raised: #FFFFFF;
	--color-surface-overlay: #FFFFFF;
	--color-bg-input: #FFFFFF;
	--color-bg-neutral-strong: #0C0D0E29;
	--color-bg-neutral-subtle: #0C0D0E1a;
	--color-bg-neutral-subtler: #0C0D0E0a;
	--color-bg-disabled: #0C0D0E0a;
	--color-bg-accent: #228BF4;
	--color-bg-danger: #D73A49;
	--color-bg-inverse: #151719;
	--color-bg-brand: #FF4600;
	--color-bg-brand-subtle: #FF460029;
	--color-bg-brand-subtler: #FF46001a;
	--color-bg-white: #FFFFFF;
	--color-bg-highlight: warning40A;
	--color-bg-backdrop: #0C0D0E52;
	--color-bg-status-general: #555B621a;
	--color-bg-status-info: #228BF41a;
	--color-bg-status-success: #1F84371a;
	--color-bg-status-warning: #F0A8001a;
	--color-bg-status-error: #B625341a;
	--color-bg-data-green: #0FA970;
	--color-bg-data-green-subtle: #0FA97029;
	--color-bg-data-purple: #7C57E5;
	--color-bg-data-pink: #F0568A;
	--color-bg-data-orange: #FF6933;
	--color-bg-data-blue: #648FF2;
	--color-border: #0C0D0E29;
	--color-border-strong: #0C0D0E52;
	--color-border-subtle: #0C0D0E1a;
	--color-border-disabled: #0C0D0E1a;
	--color-border-selected: #228BF4;
	--color-border-inverse: #FFFFFF;
	--color-border-inverse-subtle: #FFFFFF8f;
	--color-border-focused: #228BF4;
	--color-border-accent: #228BF4;
	--color-border-accent-subtle: #228BF4b8;
	--color-border-brand: #FF4600;
	--color-border-danger: #B625348f;
	--color-border-status-general: #555B621a;
	--color-border-status-info: #228BF41a;
	--color-border-status-success: #1F84371a;
	--color-border-status-warning: #F0A8001a;
	--color-border-status-error: #B625341a;
	--color-border-white: #FFFFFF;
	--color-control-scrim: #000000;
	--color-control-hover: #0C0D0E0a;
	--color-control-pressed: #0C0D0E1a;
	--color-icon: #0C0D0Eb8;
	--color-icon-white: #FFFFFF;
	--color-icon-subtle: #0C0D0E8f;
	--color-icon-disabled: #0C0D0E3d;
	--color-icon-status-general: #878E97;
	--color-icon-status-info: #50A3F6;
	--color-icon-status-success: #1F8437;
	--color-icon-status-warning: #F0A800;
	--color-icon-status-error: #D73A49;
	--color-icon-inverse: #FFFFFF;
	--color-icon-disabled-inverse: #FFFFFF3d;
	--color-icon-accent: #228BF4;
}
[data-theme=dark] {
	--color-text: #FFFFFF;
	--color-text-subtle: #FFFFFFb8;
	--color-text-subtler: #FFFFFF8f;
	--color-text-inverse: #0C0D0E;
	--color-text-inverse-subtle: #0C0D0Ee0;
	--color-text-inverse-subtler: #0C0D0E8f;
	--color-text-placeholder: #FFFFFF66;
	--color-text-disabled: #FFFFFF3d;
	--color-text-brand: #FF6933;
	--color-text-accent: #50A3F6;
	--color-text-danger: #E78892;
	--color-text-status-general: #F1F2F3;
	--color-text-status-success: #E6F9EB;
	--color-text-status-warning: #FFF9EB;
	--color-text-status-error: #FBEAEB;
	--color-surface-sunken: #0C0D0E;
	--color-surface: #151719;
	--color-surface-raised: #212324;
	--color-surface-overlay: #2B2D31;
	--color-bg-input: #151719;
	--color-bg-neutral-strong: #FFFFFF29;
	--color-bg-neutral-subtle: #FFFFFF1a;
	--color-bg-neutral-subtler: #FFFFFF0a;
	--color-bg-disabled: #FFFFFF0a;
	--color-bg-danger: #B62534;
	--color-bg-inverse: #FFFFFF;
	--color-bg-brand: #FF6933;
	--color-bg-backdrop: #0C0D0Eb8;
	--color-bg-status-general: #555B6229;
	--color-bg-status-info: #228BF429;
	--color-bg-status-success: #1F843729;
	--color-bg-status-warning: #F0A80029;
	--color-bg-status-error: #B625343d;
	--color-border: #FFFFFF29;
	--color-border-strong: #FFFFFF52;
	--color-border-subtle: #FFFFFF1a;
	--color-border-disabled: #FFFFFF1a;
	--color-border-selected: #50A3F6;
	--color-border-inverse: #0C0D0E;
	--color-border-inverse-subtle: #0C0D0E8f;
	--color-border-focused: #50A3F6;
	--color-border-accent: #50A3F6;
	--color-border-brand: #FF6933;
	--color-border-danger: #B625343d;
	--color-border-status-general: #555B6229;
	--color-border-status-info: #228BF429;
	--color-border-status-success: #1F843729;
	--color-border-status-warning: #F0A80029;
	--color-border-status-error: #B6253429;
	--color-control-scrim: #FFFFFF;
	--color-control-hover: #FFFFFF0a;
	--color-control-pressed: #FFFFFF1a;
	--color-icon: #FFFFFFb8;
	--color-icon-subtle: #FFFFFF8f;
	--color-icon-disabled: #FFFFFF3d;
	--color-icon-status-general: #6C737C;
	--color-icon-status-info: #228BF4;
	--color-icon-status-success: #28A745;
	--color-icon-inverse: #0C0D0E;
	--color-icon-disabled-inverse: #0C0D0E3d;
	--color-icon-accent: #50A3F6;
}
*,
*::before,
*::after {
	box-sizing: border-box;
}
body {
	margin: 0;
	/* For debugging */
	/* color: magenta; */
}

.af-ui {
	/* For debugging */
	/* color: magenta; */
	font-family: var(--font-family-body);
	/* Mantine */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* Radix-themes */
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	text-size-adjust: none;
}

.reset:where(p) {
	margin: 0;
}
.reset:where(a) {
	font: inherit;
	color: inherit;
	text-decoration: none;
}
.reset:where(button) {
	font: inherit;
	background-color: transparent;
	cursor: default;
	border: 0;
	padding: 0;
	appearance: none;
	font-size: var(--font-size-text-md);
	text-transform: none;
	text-align: left;
	text-decoration: none;
	color: inherit;
	touch-action: manipulation;
	-webkit-tap-highlight-color: transparent;
}
.reset:where(h1, h2, h3, h4, h5, h6) {
	margin: 0;
	font-weight: 500;
}
.reset:where(input) {
	all: unset;
	display: block;
	width: -webkit-fill-available;
	width: -moz-available;
	width: stretch;
	font-style: normal;
	text-align: start;
	text-indent: 0;
	-webkit-tap-highlight-color: transparent;
	cursor: text;
	white-space: pre-wrap;
}

body,
[data-theme] {
	background-color: var(--color-surface);
	/* font-size: var(--font-size-text-md); */
}