Hugging Face's logo

Spaces:
NeurixYUFI
/
AiHub
Running

App Files Community
AiHub
File size: 3,490 Bytes
82d6d45
 
 
 
 
 
 
 
 
 
 
bff43b8
 
 
 
 
82d6d45
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
dbe0a6c
82d6d45
 
8dbda25
dbe0a6c
5f99674
82d6d45
 
67e079e
 
 
 
 
 
 
 
 
 
 
 
 
 
82d6d45
5bac71e
 
dbe0a6c
82d6d45
 
8dbda25
dbe0a6c
82d6d45
 
bff43b8
 
 
 
1e93881
82d6d45
 
 
 
 
 
 
 
 
 
1e93881
82d6d45
 
 
bff43b8
 
61200aa
 
 
bff43b8
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
dbe0a6c
 
bff43b8
dbe0a6c
 
 
 
bff43b8
dbe0a6c
 
 
 
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
 
/* !important */

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&display=swap');

* {
    /* font-family: 'Comfortaa', cursive, sans-serif !important; */
    font-family: "M PLUS Rounded 1c", sans-serif !important;
    box-sizing: border-box !important;
    font-weight: 200 !important;
}

footer {
  visibility: hidden !important;
  height: 0 !important;
}

:root {
  --primary-color: #d67ae0;
  --primary-color-rgb: 214, 122, 224;
  --text-on-primary: #000000;
  --bg-color: #f7f8fc;
  --surface-color: #ffffff;
  --text-color: #1c1c1f;
  --subtext-color: #65676b;
  --gradient-1: #fdfbff;
  --gradient-2: #f4f6f9;
  --icon-filter: invert(80%);
  --icon-filter-hover: invert(0%);
  --header-bg: rgba(247, 248, 252, 0.7);
  --footer-bg: #eff1f5;
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.05), 0 2px 4px -2px rgb(0 0 0 / 0.05);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.07), 0 4px 6px -4px rgb(0 0 0 / 0.07);
  
  --radius-sm: 20px !important;
  --radius-md: 10px !important;
  --input-radius: 12px !important;
  --background-fill-primary: #f7f8fc !important;
  --background-fill-secondary: #ffffff !important;
  --block-background-fill: #ffffff !important;
  --color-accent: #d67ae0 !important;
  --input-background-fill: transparent !important;
}

.dark {
  --primary-color: #eab5ee !important;
  --primary-color-rgb: 234, 181, 238 !important;
  --text-on-primary: #000 !important;
  --bg-color: #0d1117 !important;
  --surface-color: #161b22 !important;
  --text-color: #e6edf3 !important;
  --subtext-color: #848d97 !important;
  --gradient-1: #1a121c !important;
  --gradient-2: #0d1117 !important;
  --icon-filter: invert(10%) sepia(8%) saturate(93%) hue-rotate(170deg) brightness(95%) contrast(84%) !important;
  --icon-filter-hover: invert(90%) !important;
  --header-bg: rgba(13, 17, 23, 0.7) !important;
  --footer-bg: #161b22 !important;
  
  --radius-sm: 20px !important;
  --radius-md: 10px !important;
  --input-radius: 12px !important;
  --background-fill-primary: #0d1117 !important;
  --background-fill-secondary: #161b22 !important;
  --block-background-fill: #161b22 !important;
  --color-accent: #eab5ee !important;
}

body, html {
  background: var(--body-background-fill);
}

.primary {
  color: var(--primary-color) !important;
  font-size: 14px !important;
  padding: 8px 18px !important;
  border: 2px solid var(--primary-color) !important;
  transition: all 0.3s ease-in-out !important;
  font-weight: bold !important;
  background-color: transparent !important;
  white-space: nowrap !important;
}

.primary:hover {
  background-color: var(--primary-color) !important;
  color: var(--text-on-primary) !important;
  transform: scale(1.05) !important;
}

.button {
  border-radius: 8px !important;
}

.secondary {
  color: var(--primary-color) !important;
  font-size: 14px !important;
  padding: 8px 18px !important;
  border: 2px solid rgb(96 55 103) !important;
  transition: all 0.3s ease-in-out !important;
  font-weight: bold !important;
  background-color: transparent !important;
  white-space: nowrap !important;
}
.secondary:hover {
  background-color: rgb(96 55 103) !important;
  color: #fff !important;
  transform: scale(1.05) !important;
}

::-webkit-scrollbar {
  width: 0.5em !important;
}

::-webkit-scrollbar-thumb {
  background-color: #3a3a3ab3 !important;
  border-radius: 50px !important;
}

::-webkit-scrollbar-track {
  background-color: transparent !important;
}