File size: 1,731 Bytes
c7bb9a8
 
 
 
 
 
 
 
b675b22
c7bb9a8
b675b22
c7bb9a8
b675b22
c7bb9a8
 
b675b22
c7bb9a8
8e178ad
51f8318
4d8577d
 
8e178ad
 
 
 
 
 
 
 
 
 
 
 
b675b22
c7bb9a8
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
b675b22
c7bb9a8
b675b22
c7bb9a8
b675b22
c7bb9a8
 
 
 
 
 
b675b22
 
c7bb9a8
 
 
 
 
 
 
 
b675b22
c7bb9a8
b675b22
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
#col-container, #col-container-2 {
  max-width: 510px; 
  margin-left: auto; 
  margin-right: auto;
}

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

div#record_btn > .mt-6 {
  margin-top: 0!important;
}

div#record_btn > .mt-6 button {
  width: 100%;
  height: 40px;
}

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

div#error_handler .openai_clear {
  color: green;
}

div#error_handler span {
    font-size: 0.9em;
    padding: 16px;
    display: flex;
    border: 1px solid #374151;
    border-radius: 10px;
}

.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(10px);
  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; 
  width: 13rem;
}

#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.25rem !important; 
  padding-bottom: 0.25rem !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;
}