File size: 1,744 Bytes
c7bb9a8 8b2fe60 1b8a77c 7bf0a5a 8e178ad 51f8318 4d8577d 8e178ad 1b8a77c 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 |
#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 .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;
}
.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;
} |