Hugging Face's logo

Spaces:
hemangthakur
/
seekr
Paused

App Files Community
seekr
File size: 2,442 Bytes 
4279593
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
85a4a41
 
 
 
 
 
4279593
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
 
/* Container for the Evaluate component */
.evaluate-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}

/* Form Control */
.evaluate-form-control {
  width: 100%;
}

/* Input label */
.evaluate-form-control .MuiInputLabel-root {
  color: #26a8dc !important;
}
.evaluate-form-control .MuiInputLabel-root.Mui-focused {
  color: #26a8dc !important;
}

/* Dropdown arrow icon */
.evaluate-form-control .MuiSelect-icon {
  color: #26a8dc !important;
}

/* Select’s OutlinedInput */
.evaluate-outlined-input {
  background-color: transparent !important;
  color: #26a8dc !important;
}

/* Override the default notched outline to have a #ddd border */
.evaluate-outlined-input .MuiOutlinedInput-notchedOutline {
  border-color: #26a8dc !important;
}

/* Container for the rendered chips */
.chip-container {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.65rem !important;
}

/* Chips */
.evaluate-chip {
  background-color: #b70303 !important;
  color: #fff !important;
  border-radius: 0.5rem !important;
}

/* Remove background from chip close button and make its icon #ddd */
.evaluate-chip .MuiChip-deleteIcon {
  background: none !important;
  color: #ddd !important;
}

/* Styling for the dropdown menu */
.evaluate-menu {
  background-color: #2b2b2b !important;
  border: 0.01rem solid #26a8dc !important;
  color: #ddd !important;
}

/* Dropdown menu item hover effect: lighter shade */
.evaluate-menu .MuiMenuItem-root:hover {
  background-color: #3b3b3b !important;
}

/* Dropdown menu item selected effect */
.evaluate-menu .MuiMenuItem-root.Mui-selected {
  background-color: #4b4b4b !important;
}

/* Evaluate button styling */
.evaluate-button {
  background-color: #FFC300 !important;
  color: #2b2b2b !important;
  width: auto !important;
  padding: 6px 16px !important;
  align-self: flex-start !important;
}

.evaluate-button:hover {
  background-color: #b07508 !important;
  color: #ddd !important;
}

/* No metrics message */
.no-metrics-message {
  text-align: center;
  color: red;
}

/* Spinner styling */
.custom-spinner {
  width: 1.35rem;
  height: 1.35rem;
  border: 3px solid #3b7bdc;        /* Main Spinner */
  border-top: 3px solid #434343;     /* Rotating path */
  border-radius: 50%;
  animation: spin 0.9s linear infinite; 
}

/* Spinner animation */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}