1 .Box {
2 font-size: 16px;
3 padding: 16px;
4 }
5
6 .Box_1 {
7 display: flex;
8 flex-direction: column;
9 flex: 0 0 auto;
10 }
11
12 .Box_2 {
13 position: relative;
14 }
15
16 .Box_3 {
17 position: absolute;
18 left: 0;
19 right: 0;
20 padding-top: 4px;
21 }
22
23 .Box_4 {
24 position: fixed;
25 left: 0;
26 right: 0;
27 bottom: 0;
28 }
29
30 .Box_5 {
31 position: absolute;
32 top: 0;
33 left: 0;
34 right: 0;
35 bottom: 0;
36 background: rgba(140, 149, 159, 0.15);
37 z-index: -1;
38 }
39
40 .Box_6 {
41 display: flex;
42 flex-direction: column;
43 }
44
45 .Box_7 {
46 display: flex;
47 color: #1f2328;
48 flex: 0 0 auto;
49 padding-left: 16px;
50 padding-right: 16px;
51 align-items: center;
52 border: 1px solid;
53 border-top-width: 0;
54 border-left-width: 0;
55 border-right-width: 0;
56 border-color: #d0d7de;
57 position: relative;
58 background: #ffffff;
59 }
60
61 .Box_8 {
62 position: absolute;
63 top: 0;
64 bottom: 0;
65 left: 0;
66 width: 70px;
67 background: #ffffff;
68 z-index: -1;
69 }
70
71 .Box_9 {
72 position: absolute;
73 top: 0;
74 bottom: 0;
75 right: 0;
76 width: 70px;
77 background: #ffffff;
78 z-index: -1;
79 }
80
81 .Text {
82 font-size: 12px;
83 }
84
85 .TextInput {
86 width: 240px;
87 }
88
89 .LightTheme {
90 overflow: auto;
91 min-width: 300px;
92 max-height: 70vh;
93 box-shadow: 0 8px 24px rgba(140, 149, 159, 0.2);
94 border-color: #d0d7de;
95 background: #ffffff;
96 border-radius: 6px;
97 border-width: 1px;
98 border-style: solid;
99 }
100
101 .Button:focus-visible {
102 outline: 2px solid;
103 outline-color: -webkit-focus-ring-color;
104 outline-offset: 1px;
105 }
106
107 .TextInput_1 {
108 width: 100%;
109 }
110
111 .Button_1 {
112 margin-left: 16px;
113 }
114
115 .LightTheme_1 {
116 display: flex;
117 background: #ffffff;
118 flex-direction: column;
119 flex: 1 1 auto;
120 overflow: auto;
121 }