.recorder{width:160px;height:160px;background-color:var(--accent-8);border-radius:50%;border:none;z-index:1}.connecting{background-color:var(--gray-8)}.listening{background-color:var(--accent-9);box-shadow:0 0 0 2px gray}.recording{position:relative}.recording:before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background-color:var(--accent-3);border-radius:50%;z-index:-1;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.icon{width:64px;height:64px;color:var(--gray-1);margin:0 auto}.lottie{width:100px;height:100px;margin:0 auto}.lottie-box{top:40%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:600px;opacity:.3;pointer-events:none;z-index:0;position:fixed}.spinner{animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.scrollable::-webkit-scrollbar{display:none}.scrollable{scrollbar-width:none;-ms-overflow-style:none}