File size: 2,070 Bytes
c7bb9a8
 
 
 
 
 
c8c33df
 
 
 
 
c7bb9a8
a832074
85c2efe
 
 
8b2fe60
1b8a77c
 
 
 
7bf0a5a
 
8e178ad
51f8318
4d8577d
 
8e178ad
 
 
 
 
1b8a77c
 
 
 
 
 
8e178ad
 
6d1800d
 
 
 
f9291e2
eb6e3e0
b27d260
31f9308
 
 
 
 
f325eee
b27d260
 
b675b22
c7bb9a8
 
 
 
 
 
 
 
 
 
bb133cf
c7bb9a8
 
 
 
 
 
 
 
 
 
 
b675b22
c7bb9a8
b675b22
c7bb9a8
b675b22
c7bb9a8
 
 
 
 
 
b675b22
 
c7bb9a8
 
 
 
 
 
 
6d1800d
b675b22
c7bb9a8
f325eee
bbee272
f325eee
 
b675b22
c7bb9a8
 
 
 
 
 
31f9308
 
c7bb9a8
b675b22
c7bb9a8
b675b22
c7bb9a8
b675b22
c7bb9a8
b675b22
c7bb9a8
 
b675b22
c7bb9a8
b675b22
c7bb9a8
b675b22
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
#col-container, #col-container-2 {
  max-width: 510px; 
  margin-left: auto; 
  margin-right: auto;
}

a { 
  text-decoration-line: underline; 
  font-weight: 600;
  color: inherit;
}

.dark a {
  color: white;
}

div#record_btn .mic-wrap > button {
  width: 100%;
  margin-top: 6px;
  padding: 9px;
  border-radius: 20px;
}

div#error_handler .openai_error {
  color: #c25c00;
}

div#error_handler .openai_clear {
  color: green;
}

div#error_handler span {
  font-family: 'IBM Plex Mono';
  font-size: 0.8em;
  padding: 16px;
  display: flex;
  border: 1px solid #374151;
  border-radius: 10px;
}

div#secondary-buttons{
  display: flex;
  flex-direction: flex-end;
}

button#clean-btn {
  border-radius: 20px;
  background: none;
}

button#clean-btn:hover {
  border-radius: 20px;
  background: #4b5563;
}

.footer {
  margin-bottom: 45px;
  margin-top: 10px;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}

.footer>p {
  font-size: .8rem;
  display: inline-block;
  padding: 0 10px;
  transform: translateY(25px);
  background: white;
}

.dark .footer {
  border-color: #303030;
}

.dark .footer>p {
  background: #0b0f19;
}

.animate-spin {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from {
      transform: rotate(0deg);
  }
  to {
      transform: rotate(360deg);
  }
}
#share-btn-container {
  display: flex; 
  padding-left: 0.5rem !important; 
  padding-right: 0.5rem !important; 
  background-color: #000000; 
  justify-content: center; 
  align-items: center; 
  border-radius: 9999px !important; 
  max-width: 13rem;
}

#share-btn-container:hover {
  background-color: #060606;
}

#share-btn {
  all: initial; 
  color: #ffffff;
  font-weight: 600; 
  cursor:pointer; 
  font-family: 'IBM Plex Sans', sans-serif; 
  margin-left: 0.5rem !important; 
  padding-top: 0.5rem !important; 
  padding-bottom: 0.5rem !important;
  right:0;
}

#share-btn * {
  all: unset;
}

#share-btn-container div:nth-child(-n+2){
  width: auto !important;
  min-height: 0px !important;
}

#share-btn-container .wrap {
  display: none !important;
}