Hugging Face's logo

Spaces:
blanchon
/
opencs2-dataset-viewer
Running

App Files Community
opencs2-dataset-viewer
File size: 4,640 Bytes
31d3580
95e3d2a
 
 
 
31d3580
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
@import 'tailwindcss';
@import 'tw-animate-css';
@import 'shadcn-svelte/tailwind.css';
@import '@fontsource-variable/roboto-slab';
@import '@fontsource-variable/oxanium';

@custom-variant dark (&:is(.dark *));

:root {
	--background: oklch(1 0 0);
	--foreground: oklch(0.147 0.004 49.3);
	--card: oklch(1 0 0);
	--card-foreground: oklch(0.147 0.004 49.3);
	--popover: oklch(1 0 0);
	--popover-foreground: oklch(0.147 0.004 49.3);
	--primary: oklch(0.214 0.009 43.1);
	--primary-foreground: oklch(0.986 0.002 67.8);
	--secondary: oklch(0.96 0.002 17.2);
	--secondary-foreground: oklch(0.214 0.009 43.1);
	--muted: oklch(0.96 0.002 17.2);
	--muted-foreground: oklch(0.547 0.021 43.1);
	--accent: oklch(0.96 0.002 17.2);
	--accent-foreground: oklch(0.214 0.009 43.1);
	--destructive: oklch(0.577 0.245 27.325);
	--border: oklch(0.922 0.005 34.3);
	--input: oklch(0.922 0.005 34.3);
	--ring: oklch(0.714 0.014 41.2);
	--chart-1: oklch(0.868 0.007 39.5);
	--chart-2: oklch(0.547 0.021 43.1);
	--chart-3: oklch(0.438 0.017 39.3);
	--chart-4: oklch(0.367 0.016 35.7);
	--chart-5: oklch(0.268 0.011 36.5);
	--radius: 0rem;
	--sidebar: oklch(0.986 0.002 67.8);
	--sidebar-foreground: oklch(0.147 0.004 49.3);
	--sidebar-primary: oklch(0.214 0.009 43.1);
	--sidebar-primary-foreground: oklch(0.986 0.002 67.8);
	--sidebar-accent: oklch(0.96 0.002 17.2);
	--sidebar-accent-foreground: oklch(0.214 0.009 43.1);
	--sidebar-border: oklch(0.922 0.005 34.3);
	--sidebar-ring: oklch(0.714 0.014 41.2);
}

.dark {
	--background: oklch(0.147 0.004 49.3);
	--foreground: oklch(0.986 0.002 67.8);
	--card: oklch(0.214 0.009 43.1);
	--card-foreground: oklch(0.986 0.002 67.8);
	--popover: oklch(0.214 0.009 43.1);
	--popover-foreground: oklch(0.986 0.002 67.8);
	--primary: oklch(0.922 0.005 34.3);
	--primary-foreground: oklch(0.214 0.009 43.1);
	--secondary: oklch(0.268 0.011 36.5);
	--secondary-foreground: oklch(0.986 0.002 67.8);
	--muted: oklch(0.268 0.011 36.5);
	--muted-foreground: oklch(0.714 0.014 41.2);
	--accent: oklch(0.268 0.011 36.5);
	--accent-foreground: oklch(0.986 0.002 67.8);
	--destructive: oklch(0.704 0.191 22.216);
	--border: oklch(1 0 0 / 10%);
	--input: oklch(1 0 0 / 15%);
	--ring: oklch(0.547 0.021 43.1);
	--chart-1: oklch(0.868 0.007 39.5);
	--chart-2: oklch(0.547 0.021 43.1);
	--chart-3: oklch(0.438 0.017 39.3);
	--chart-4: oklch(0.367 0.016 35.7);
	--chart-5: oklch(0.268 0.011 36.5);
	--sidebar: oklch(0.214 0.009 43.1);
	--sidebar-foreground: oklch(0.986 0.002 67.8);
	--sidebar-primary: oklch(0.488 0.243 264.376);
	--sidebar-primary-foreground: oklch(0.986 0.002 67.8);
	--sidebar-accent: oklch(0.268 0.011 36.5);
	--sidebar-accent-foreground: oklch(0.986 0.002 67.8);
	--sidebar-border: oklch(1 0 0 / 10%);
	--sidebar-ring: oklch(0.547 0.021 43.1);
}

@theme inline {
	--font-serif: 'Roboto Slab Variable', serif;
	--font-heading: 'Oxanium Variable', sans-serif;
	--color-sidebar-ring: var(--sidebar-ring);
	--color-sidebar-border: var(--sidebar-border);
	--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
	--color-sidebar-accent: var(--sidebar-accent);
	--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
	--color-sidebar-primary: var(--sidebar-primary);
	--color-sidebar-foreground: var(--sidebar-foreground);
	--color-sidebar: var(--sidebar);
	--color-chart-5: var(--chart-5);
	--color-chart-4: var(--chart-4);
	--color-chart-3: var(--chart-3);
	--color-chart-2: var(--chart-2);
	--color-chart-1: var(--chart-1);
	--color-ring: var(--ring);
	--color-input: var(--input);
	--color-border: var(--border);
	--color-destructive: var(--destructive);
	--color-accent-foreground: var(--accent-foreground);
	--color-accent: var(--accent);
	--color-muted-foreground: var(--muted-foreground);
	--color-muted: var(--muted);
	--color-secondary-foreground: var(--secondary-foreground);
	--color-secondary: var(--secondary);
	--color-primary-foreground: var(--primary-foreground);
	--color-primary: var(--primary);
	--color-popover-foreground: var(--popover-foreground);
	--color-popover: var(--popover);
	--color-card-foreground: var(--card-foreground);
	--color-card: var(--card);
	--color-foreground: var(--foreground);
	--color-background: var(--background);
	--radius-sm: calc(var(--radius) * 0.6);
	--radius-md: calc(var(--radius) * 0.8);
	--radius-lg: var(--radius);
	--radius-xl: calc(var(--radius) * 1.4);
	--radius-2xl: calc(var(--radius) * 1.8);
	--radius-3xl: calc(var(--radius) * 2.2);
	--radius-4xl: calc(var(--radius) * 2.6);
}

@layer base {
	* {
		@apply border-border outline-ring/50;
	}
	body {
		@apply bg-background text-foreground;
	}
	html {
		@apply font-serif;
	}
}