Hugging Face's logo

Spaces:
uc-ctds
/
GDC-Cohort-Copilot
Sleeping

App Files Community
2
GDC-Cohort-Copilot
File size: 3,051 Bytes 
7792455
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1477c63
 
 
 
 
 
 
 
314ce90
7792455
 
 
314ce90
 
 
 
37f8669
 
4a46b30
37f8669
 
7792455
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
15e5f4e
7792455
 
 
 
 
 
 
 
 
 
 
 
 
 
4a46b30
7792455
 
 
4a46b30
7792455
 
 
15e5f4e
 
 
 
 
 
 
 
 
 
 
 
 
 
7792455
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
133
134
135
136
 
:root {
  --card-min-width: 300px;
}

#description-input button {
    background-color: var(--button-primary-background-fill);
    color: var(--button-primary-text-color);
    font-weight: var(--button-large-text-weight);
}

#description-input button:hover {
    background-color: var(--button-primary-background-fill-hover);
    color: var(--button-primary-text-color-hover);
}

#case-counter textarea {
    text-align: center;
    font-weight: 800;
    font-size: calc(var(--block-title-text-size) + 2px);
}

#vote-label {
    text-align: center;
}

#upvote-btn {
    color: var(--button-primary-background-fill);
}

#json-output {
    height: 96px !important;
}

#json-output > div:last-of-type {
    height: 80% !important;
}

#active-selections {
    height: 50px !important;
    overflow-y: scroll;
}

.card-group, .card-group > div {
    background-color: transparent;
    border: 0px;
}

.card-group > div {
    display: grid !important;
    /* grid-template-columns: repeat(3, minmax(var(--card-min-width), 1fr)); */
    grid-auto-rows: auto !important;
    gap: 12px !important;
}

@media (min-width: 768px) {
    .card-group > div {
        grid-template-columns: repeat(1, minmax(var(--card-min-width), 1fr));
    }
}

@media (min-width: 1024px) {
    .card-group > div {
        grid-template-columns: repeat(2, minmax(var(--card-min-width), 1fr));
    }
}

@media (min-width: 1420px) {
    .card-group > div {
        grid-template-columns: repeat(3, minmax(var(--card-min-width), 1fr));
    }
}

.filter-card {
    min-width: min(var(--card-min-width), 100%) !important;
    height: 254px; /* this height clips the option text to help indicate the need to scroll */
    border: var(--block-border-width) solid var(--block-border-color) !important;
    border-radius: var(--block-radius) !important;
    overflow-y: scroll;
}

/* target the span with the card title */
.filter-card > span:first-of-type, .filter-range > div > div > span:first-of-type {
    font-weight: 800;
    font-size: calc(var(--block-title-text-size) + 2px);
    text-decoration: underline;
}

/* target the div with the labels */
.filter-card div:last-of-type {
    display: block;
}

.filter-card label {
    border: 0;
}

.filter-card::-webkit-scrollbar, #active-selections::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
.filter-card::-webkit-scrollbar-thumb, #active-selections::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(150,150,150,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.filter-range .slider_input_container {
    display: flex !important;
}

.filter-range > div > div > div {
    display: flex !important;
}

.filter-range > div > div > div > input {
    width: 45% !important;
    line-height: 1rem !important;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.spinner {
  width: 24px;
  height: 24px;
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-top-color: #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  display: inline-block;
}