@import"https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600&display=swap";:root{font-family:Oswald,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:3px;border:1px solid transparent;padding:.6em 1.2em;margin:0 .2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#b0b0b0;cursor:pointer}button:hover{background-color:#000dfd}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: dark){:root{color:#8d8d8d;background-color:#fff}a:hover{color:#747bff}button{background-color:#6a6a6a;color:#cac9c9}}.menu-button{position:absolute;cursor:pointer;top:0;left:-53px;width:51px;height:55px;padding:10px;background-color:#3b3b3b;border-radius:0 0 0 13px;border:none;box-shadow:-3px 3px 3px #000;color:#fff;font-size:24px}.menu-button:focus{outline:none}.record-button{cursor:pointer;position:absolute;left:-53px;top:58px;width:51px;height:55px;padding:10px 3px;background:#2600ff;border-radius:13px 0 0 13px;box-shadow:-3px 3px 3px #000000e6;color:#ff1744;transition:background .3s,transform .3s}.record-button.recording{background:#ff1744;color:#2600ff76}.record-button:hover{background:#ff174433;color:#2600ff76;outline:none;border:none}.record-button.recording:hover{background:#ff1744}.record-button:focus{outline:none}@keyframes fadeWhiteBlack{0%{color:#fff;font-weight:300}50%{color:#000;font-weight:900}to{color:#fff;font-weight:300}}.recording-button-status{position:absolute;top:23px;left:0;width:100%;height:100%;color:#ff1744;font-size:11px;text-align:center;pointer-events:none}.record-button.recording .recording-button-status{animation:fadeWhiteBlack 2s infinite ease-in-out;font-weight:900}.update-button{cursor:pointer;position:absolute;left:-53px;top:118px;width:51px;height:55px;padding:12px;border-radius:13px 0 0 13px;border:none;box-shadow:0 0 #0000;background:#66ff0080;color:#fb2a00;transition:background .3s,transform .3s,box-shadow .8s}.update-button:hover{background:#ff174480;outline:none;border:none}.update-button:focus{outline:none}.update-button:disabled{background:#ff174480;color:#000;cursor:not-allowed}.button-upload-container{cursor:pointer;width:50px;height:50px;padding:12px;margin:12px 0 24px 18px;background:#00000080;border-radius:50%;box-shadow:0 0 #0000;color:#ff1744;transition:background .3s,transform .3s,box-shadow .8s}.upload-button{background-color:transparent;border:none;cursor:pointer;padding:0}.upload-button:hover{opacity:.8}.upload-button:focus{outline:none}._1e38d8n0{position:absolute;height:30px;background-color:#ff858573;color:#000;align-content:center;transition:background .3s;font-size:small;font-weight:900;z-index:99}._1e38d8n0:hover{background:#ffffff80}._1e38d8n1{opacity:.3}.jif87j0{position:absolute;display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:0 0 0 58px;width:calc(100% - 58px);height:100%}.jif87j1{display:flex;flex-direction:row;gap:8px;margin-right:8px;align-items:center}.jif87j2{display:flex;flex-direction:row;gap:12px;align-items:center;height:20px;margin:0 auto}@media screen and (max-width: 768px){.jif87j1{flex-direction:column;flex-wrap:wrap;align-items:flex-start;gap:12px}.jif87j2{margin:0 auto 20px}}.compact-waveform-container{position:relative;width:100%;height:100%}.compact-waveform{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.waveform-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000000b3;color:#fff;gap:1rem}.loading-spinner{width:2rem;height:2rem;border:3px solid rgba(255,255,255,.3);border-top:3px solid #eebb00;border-radius:50%;animation:spin 1s linear infinite}.blob-channel{display:flex;flex-direction:row;width:calc(100vw - 58px);height:100%;position:relative}.blobular-visualizer{position:relative;width:100%;height:300px;display:block;background-color:#00000080}.audio-blobular-player{width:100vw;max-width:800px;height:100%;display:block}.play-button,.audio-blobular-player{background-color:transparent;border:none;color:#fff;padding:0;cursor:pointer;z-index:10}.play-button:hover,.play-button.playing{color:#eb0}.play-button:focus{outline:none}.play-button .lucide,.audio-blobular-player .lucide{stroke-width:5px;width:24px;height:24px;vertical-align:baseline}.play-button.individual{width:48px;height:48px}.blobular-title-chunk{font-weight:700;font-size:38px}.waveform-container{width:100%;margin-top:16px}.blob-display{font-family:monospace;max-height:300px;overflow-y:auto}.blob-line{opacity:1}.blob-line.inactive{opacity:.3}.fade-out{animation-name:fadeOutOpacity;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes fadeOutOpacity{0%{opacity:.58;background-color:#ff0}to{opacity:.3;background-color:#ffd5004b}}._16vmg4f0{font-size:.8rem;white-space:nowrap;margin:auto}.ujmgl00{display:flex;align-items:center;gap:8px}.ujmgl01{font-size:.8rem;white-space:nowrap;margin:auto}.ujmgl02{flex-grow:1;cursor:pointer}.h7vfp80{display:flex;flex-direction:row;gap:4px;width:calc(100vw - 74px);max-width:100%;align-items:center;height:80px}.h7vfp81{font-size:11px;color:#fff;padding:15px 0 15px 18px;text-align:left}.h7vfp82{font-size:11px;color:#fff;margin:auto 0;text-align:right}.h7vfp83{position:relative;display:flex;align-items:center;width:100%;padding:0 8px}.h7vfp84{background-color:#6a6a6a;position:relative;flex-grow:1;height:8px;border-radius:2px}.h7vfp85{position:absolute;background-color:#3a80e3;height:100%;border-radius:2px}.h7vfp86{position:absolute;top:0;transform:translateY(-50%) translate(-80%);width:33px;height:33px;border-radius:18px;background-color:#30f8;cursor:grab;transition:top .7s ease-out,height .7s ease-out,background-color .7s ease-out}.h7vfp86:hover{background-color:#fb2a0055;top:-5px;height:56px;transition:top .1s ease-out,height .1s ease-out,background-color .3s ease-in}.h7vfp86:active,.h7vfp86:focus{background-color:#fb2a00aa;top:-8px;height:60px;box-shadow:0 0 10px #00000080;transition:top .1s ease-out,height .1s ease-out,background-color .3s ease-in;cursor:grabbing}.h7vfp86:before{content:attr(data-value);position:absolute;top:5px;left:50%;transform:translate(-50%);font-size:11px;white-space:nowrap}@media screen and (max-width: 768px){.h7vfp80{height:40px}}._1g6n7q0{position:relative;align-items:center;justify-content:space-between;transition:background-color .3s ease-out;margin:16px;height:118px;border:2px solid #4a4a4a;background-color:#282c34;color:#fff;display:flex}._1g6n7q0:hover{background-color:#4a4a4a}._1g6n7q1{position:absolute;bottom:8px;right:8px;color:#fff}._1g6n7q2{font-size:12px;color:#888;display:block}._1g6n7q3{color:#c00;font-size:12px}._1g6n7q4{position:relative;padding:16px;background-color:#282c34;color:#fff}._1g6n7q5{position:absolute;background-color:transparent;border:none;color:#fff;padding:4px;margin:auto;cursor:pointer;z-index:10;top:8px;height:32px;width:32px}._1g6n7q5:focus{outline:none}._1g6n7q5.playing{color:#eb0}._1g6n7q6{inset:8px 8px auto auto;background-color:transparent}._1g6n7q7{top:8px;left:8px}._1g6n7q8{top:auto;bottom:8px;left:6px;background-color:#282c34aa;border-radius:50%;width:32px;height:32px}._1g6n7q9{position:absolute;right:8px;top:8px;background-color:transparent;border:none;color:#fff;padding:0;cursor:pointer}._1g6n7q9:hover{background-color:#c00}._1g6n7qa:hover{color:#eb0}._1g6n7q5 .lucide{stroke-width:2px;width:24px;height:24px;vertical-align:baseline}.audio-pond-menu{position:fixed;top:0;right:-350px;width:350px;display:flex;flex-direction:column;height:100vh;background-color:#3b3b3b;box-shadow:1px 8px 11px #000;z-index:1000;border-radius:0 0 0 13px;margin:0;font-size:smaller;transition:right .3s ease-in-out}.audio-pond-menu.open{right:0}.audio-list-title{font-size:1.2em;color:#fff;padding:0;text-align:center;border-bottom:1px solid #4a4a4a}.audio-list{padding:0;margin:0;flex:1;overflow-y:scroll;height:calc(100vh - 180px);list-style:none}.audio-list li{display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#root{margin:0 auto;text-align:left}.app-blobular{width:100vw}.welcome-screen{color:#fff;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.welcome-screen .description{font-size:1em;padding:0 20px}.version-text{font-size:14px;color:#ccc;text-align:left;padding:4px 0 4px 58px}.blobular-title-chunk.left-side{padding-left:52px}