|
0
|
1 * {
|
|
|
2 box-sizing: border-box;
|
|
|
3 }
|
|
|
4
|
|
|
5 body {
|
|
|
6 font-family: Sans-Serif;
|
|
|
7 margin: 0;
|
|
|
8 }
|
|
|
9
|
|
|
10 a {
|
|
|
11 text-decoration: none;
|
|
|
12 }
|
|
|
13 a:hover {
|
|
|
14 text-decoration: underline;
|
|
|
15 }
|
|
|
16
|
|
2
|
17 div[header] {
|
|
|
18 font-size: 14px;
|
|
|
19 background-color: #ddd;
|
|
|
20 padding: 8px 3%;
|
|
|
21 display: flex;
|
|
|
22 justify-content: space-between;
|
|
|
23 }
|
|
|
24
|
|
0
|
25 [content] {
|
|
|
26 margin-left: 3%;
|
|
|
27 margin-right: 3%;
|
|
|
28 margin-bottom: 2em;
|
|
|
29 }
|
|
1
|
30
|
|
|
31 [waiting-ai-icon] {
|
|
|
32 width: 100px;
|
|
|
33 position: absolute;
|
|
|
34 top: 50%;
|
|
|
35 left: 50%;
|
|
|
36 transform: translate(-50%,-50%);
|
|
|
37 z-index: 3000;
|
|
|
38 display: none;
|
|
|
39 }
|
|
|
40
|
|
|
41 [ai_container] div[ask] {
|
|
|
42 padding-top: 1em;
|
|
|
43 padding-bottom: 1em;
|
|
|
44 padding-left: 12px;
|
|
|
45 padding-right: 12px;
|
|
|
46 display: flex;
|
|
|
47 gap: 8px;
|
|
|
48 align-items: flex-end;
|
|
|
49 }
|
|
|
50 [ai_container] textarea {
|
|
|
51 flex-grow: 1;
|
|
|
52 max-height: 150px;
|
|
|
53 resize: none;
|
|
|
54 }
|
