1
#completion_prompt_manager .caution {
2
    color: var(--fullred);
3
}
4

5
#completion_prompt_manager #completion_prompt_manager_list {
6
    display: flex;
7
    flex-direction: column;
8
    min-height: 300px;
9
}
10

11
#completion_prompt_manager .completion_prompt_manager_list_separator hr {
12
    grid-column-start: 1;
13
    grid-column-end: 4;
14
    width: 100%;
15
    margin: 0.5em 0;
16
    background-image: linear-gradient(90deg, var(--transparent), var(--SmartThemeBorderColor), var(--transparent));
17
    min-height: 1px;
18
}
19

20
#completion_prompt_manager #completion_prompt_manager_list li {
21
    display: grid;
22
    grid-template-columns: 4fr 80px 45px;
23
    margin-bottom: 0.5em;
24
    width: 100%
25
}
26

27
#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt .completion_prompt_manager_prompt_name .fa-solid {
28
    color: var(--white50a);
29
}
30

31
#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt .completion_prompt_manager_prompt_name .fa-solid[data-role] {
32
    vertical-align: unset;
33
    margin-left: 3px;
34
}
35

36
#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt_invisible {
37
    display: none;
38
}
39

40
#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt_visible {
41
    display: grid;
42
}
43

44

45
#completion_prompt_manager #completion_prompt_manager_list li.completion_prompt_manager_list_head .prompt_manager_prompt_tokens,
46
#completion_prompt_manager #completion_prompt_manager_list li.completion_prompt_manager_prompt .prompt_manager_prompt_tokens {
47
    font-size: calc(var(--mainFontSize)*0.9);
48
    text-align: right;
49
}
50

51
#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt .prompt_manager_prompt_controls {
52
    text-align: right;
53
}
54

55
#completion_prompt_manager .completion_prompt_manager_list_head {
56
    padding: 0.5em 0.5em 0;
57
}
58

59
#completion_prompt_manager #completion_prompt_manager_list li.completion_prompt_manager_prompt {
60
    align-items: center;
61
    padding: 0.5em;
62
    border: 1px solid var(--SmartThemeBorderColor);
63
}
64

65
#completion_prompt_manager #completion_prompt_manager_list li.completion_prompt_manager_prompt .prompt_manager_prompt_controls {
66
    display: flex;
67
    justify-content: space-between;
68
    font-size: calc(var(--mainFontSize)*1.2);
69
}
70

71
#completion_prompt_manager #completion_prompt_manager_list li.completion_prompt_manager_prompt .prompt_manager_prompt_controls span {
72
    display: flex;
73
    height: 18px;
74
    width: 18px;
75
}
76

77
#completion_prompt_manager #completion_prompt_manager_list li.completion_prompt_manager_prompt span span span {
78
    flex-direction: column;
79
    justify-content: center;
80
    margin-left: 0.25em;
81
    cursor: pointer;
82
    transition: var(--animation-duration-2x) ease-in-out;
83
    height: 20px;
84
    width: 20px;
85
    filter: drop-shadow(0px 0px 2px black);
86
    opacity: 0.4;
87
}
88

89
#completion_prompt_manager #completion_prompt_manager_list li.completion_prompt_manager_prompt span span:hover {
90
    opacity: 1;
91
}
92

93
#completion_prompt_manager_popup #completion_prompt_manager_popup_edit,
94
#completion_prompt_manager_popup #completion_prompt_manager_popup_chathistory_edit,
95
#completion_prompt_manager_popup #completion_prompt_manager_popup_dialogueexamples_edit,
96
#completion_prompt_manager_popup #completion_prompt_manager_popup_inspect {
97
    display: none;
98
    padding: 0.5em;
99
    height: 100%;
100
    display: flex;
101
    flex-direction: column;
102
}
103

104
#completion_prompt_manager_popup .completion_prompt_manager_popup_entry {
105
    padding: 0.5em;
106
    flex: 1;
107
}
108

109
#completion_prompt_manager_popup .completion_prompt_manager_popup_entry_form {
110
    height: 100%;
111
    display: flex;
112
    flex-direction: column;
113
}
114

115
.completion_prompt_manager_popup_entry_form .select2-container {
116
    margin: 5px 0;
117
}
118

119
#completion_prompt_manager_popup .completion_prompt_manager_popup_entry_form_control:has(#completion_prompt_manager_popup_entry_form_prompt) {
120
    flex: 1;
121
    display: flex;
122
    flex-direction: column;
123
}
124

125
#completion_prompt_manager_popup #completion_prompt_manager_popup_entry_form_prompt {
126
    flex: 1;
127
}
128

129
#completion_prompt_manager_popup #completion_prompt_manager_popup_inspect .completion_prompt_manager_popup_entry {
130
    padding: 0.5em;
131
}
132

133
#completion_prompt_manager_popup #completion_prompt_manager_popup_entry_form_inspect_list {
134
    margin-top: 1em;
135
}
136

137
#completion_prompt_manager_popup .completion_prompt_manager_prompt {
138
    margin: 1em 0;
139
    padding: 0.5em;
140
    border: 1px solid var(--SmartThemeBorderColor);
141
}
142

143
#completion_prompt_manager_popup .completion_prompt_manager_popup_header {
144
    display: flex;
145
    justify-content: space-between;
146
    align-items: center;
147
}
148

149
#completion_prompt_manager_popup #completion_prompt_manager_popup_close_button {
150
    font-size: 1em;
151
    padding: 0.5em;
152
}
153

154
.completion_prompt_manager_popup_entry_form_control {
155
    margin-top: 1em;
156
}
157

158
#prompt-manager-reset-character,
159
#completion_prompt_manager_popup .completion_prompt_manager_popup_entry_form_footer #completion_prompt_manager_popup_entry_form_reset {
160
    color: rgb(220 173 16);
161
}
162

163
#completion_prompt_manager_popup .completion_prompt_manager_popup_entry_form_footer #completion_prompt_manager_popup_entry_form_close,
164
#completion_prompt_manager_popup .completion_prompt_manager_popup_entry_form_footer #completion_prompt_manager_popup_entry_form_reset,
165
#completion_prompt_manager_popup .completion_prompt_manager_popup_entry_form_footer #completion_prompt_manager_popup_entry_form_save {
166
    font-size: 1.25em;
167
    padding: 0.5em;
168
}
169

170
#completion_prompt_manager_popup .completion_prompt_manager_popup_entry_form_control #completion_prompt_manager_popup_entry_form_prompt {
171
    min-height: 200px;
172
}
173

174
#completion_prompt_manager_popup .completion_prompt_manager_popup_entry .completion_prompt_manager_popup_entry_form_footer {
175
    display: flex;
176
    justify-content: space-between;
177
    margin-top: 1em;
178
}
179

180
#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt_draggable {
181
    cursor: grab;
182
}
183

184
#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt_name {
185
    white-space: nowrap;
186
    overflow: hidden;
187
}
188

189
#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt_name .prompt-manager-inspect-action {
190
    color: var(--SmartThemeBodyColor);
191
    cursor: pointer;
192
}
193

194
#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt_name .prompt-manager-inspect-action:hover {
195
    text-decoration: underline;
196
}
197

198
#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt_disabled .completion_prompt_manager_prompt_name,
199
#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt_disabled .completion_prompt_manager_prompt_name .prompt-manager-inspect-action {
200
    color: var(--white30a);
201
}
202

203
#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt:not(.completion_prompt_manager_prompt_disabled) .prompt-manager-toggle-action {
204
    color: var(--SmartThemeQuoteColor);
205
}
206

207
#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt.completion_prompt_manager_prompt_disabled {
208
    border: 1px solid var(--white20a);
209
}
210

211
#completion_prompt_manager #completion_prompt_manager_list li.completion_prompt_manager_prompt .mes_edit {
212
    margin-left: 0.5em;
213
}
214

215
#completion_prompt_manager .completion_prompt_manager_error {
216
    padding: 1em;
217
    border: 3px solid var(--fullred);
218
    margin-top: 1em;
219
    margin-bottom: 0.5em;
220
}
221

222
#completion_prompt_manager .completion_prompt_manager_header {
223
    display: flex;
224
    flex-direction: row;
225
    justify-content: space-between;
226
    color: var(--white50a);
227
    margin-top: 0.5em;
228
    padding: 0 0.25em;
229
    width: 100%
230
}
231

232
#completion_prompt_manager .completion_prompt_manager_header div {
233
    margin-top: 0.5em;
234
    width: fit-content;
235
}
236

237
#completion_prompt_manager .completion_prompt_manager_header_advanced {
238
    display: flex;
239
    margin-right: 0.25em;
240
}
241

242
#completion_prompt_manager .completion_prompt_manager_header_advanced span {
243
    flex-direction: column;
244
    justify-content: center;
245
    margin-left: 0.25em;
246
    transition: var(--animation-duration-2x) ease-in-out;
247
    filter: drop-shadow(0px 0px 2px black);
248
}
249

250
#completion_prompt_manager .completion_prompt_manager_header_advanced span.fa-solid {
251
    display: inherit;
252
}
253

254
#completion_prompt_manager .completion_prompt_manager_footer {
255
    display: flex;
256
    flex-direction: row;
257
    justify-content: flex-end;
258
    gap: 0.25em;
259
    padding: 0 0.25em;
260
    width: 100%
261
}
262

263
#completion_prompt_manager .completion_prompt_manager_footer a {
264
    font-size: 12px;
265
}
266

267
#completion_prompt_manager .completion_prompt_manager_important a {
268
    font-weight: 600;
269
}
270

271
#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt .completion_prompt_manager_prompt_name .fa-solid.prompt-manager-overridden {
272
    margin-left: 3px;
273
    color: var(--SmartThemeQuoteColor);
274
    cursor: pointer;
275
    opacity: 0.8;
276
}
277

278
#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt .drag-handle:not(.ui-sortable-handle) {
279
    display: none;
280
}
281

282
#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt:has(.drag-handle.ui-sortable-handle) {
283
    position: relative;
284
    padding-left: 20px;
285
}
286

287
#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt .drag-handle {
288
    position: absolute;
289
    height: 100%;
290
    top: 0;
291
    padding: 0 5px;
292
    display: flex;
293
    align-items: center;
294
}
295

296
#completion_prompt_manager_footer_append_prompt {
297
    font-size: 1em;
298
}
299

300
#prompt-manager-export-format-popup {
301
    padding: 0.25em;
302
    display: none;
303
}
304

305
#prompt-manager-export-format-popup[data-show] {
306
    display: block;
307
}
308

309
#completion_prompt_manager_popup {
310
    margin-top: 0;
311
}
312

313
#completion_prompt_manager_popup {
314
    overflow-y: auto;
315
    height: calc(100% - var(--topBarBlockSize));
316
    position: absolute;
317
    margin-left: auto;
318
    margin-right: auto;
319
    left: 0;
320
    right: 0;
321
    top: var(--topBarBlockSize);
322
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
323
    padding: 1em;
324
    border: 1px solid var(--SmartThemeBorderColor);
325
    flex-direction: column;
326
    z-index: 3010 !important;
327
    border-radius: 0 0 20px 20px;
328
    background-color: var(--SmartThemeBlurTintColor);
329
}
330

331
#prompt-manager-export-format-popup {
332
    display: none;
333
}
334

335
.prompt-manager-export-format-popup-flex {
336
    display: flex;
337
    flex-direction: column;
338
}
339

340
.prompt-manager-export-format-popup-flex .row {
341
    display: flex;
342
    justify-content: space-between;
343
}
344

345
.prompt-manager-export-format-popup-flex a,
346
.prompt-manager-export-format-popup-flex span {
347
    display: flex;
348
    margin: auto 0;
349
    justify-content: space-between;
350
}
351

352
@media screen and (max-width: 412px) {
353
    #completion_prompt_manager_popup {
354
        max-width: 100%;
355
    }
356

357
    #completion_prompt_manager #completion_prompt_manager_list li.completion_prompt_manager_prompt span span span {
358
        margin-left: 0.5em;
359
    }
360
}
361

362
.completion_prompt_manager_popup_entry_form_control:has(#completion_prompt_manager_popup_entry_form_prompt:disabled)>div:first-child::after {
363
    content: attr(external_piece_text);
364
    display: block;
365
    width: 100%;
366
    font-weight: 500;
367
    text-align: center;
368
}
369

370
.completion_prompt_manager_popup_entry_form_control #completion_prompt_manager_popup_entry_form_prompt:disabled {
371
    visibility: hidden;
372
}
373

374
#completion_prompt_manager_popup_entry_source_block {
375
    display: flex;
376
    justify-content: center;
377
}