.recording-container{display:flex;height:100%;width:100%;cursor:pointer;flex-direction:column}.recording-container,.recording-wrapper{position:relative;align-items:center;justify-content:center}.recording-wrapper{display:inline-flex;height:4rem;width:4rem;flex-shrink:0;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(253 232 232/var(--tw-bg-opacity,1))}.record-icon{display:flex;align-items:center;justify-content:center;width:50%;height:50%}.record-icon.is-recording{animation:pulse-scale 5s ease-in-out infinite}.record-icon .record-dot{height:100%;width:100%;--tw-text-opacity:1;color:rgb(200 30 30/var(--tw-text-opacity,1))}@keyframes pulse-scale{0%,to{transform:scale(.25)}50%{transform:scale(1)}}.recording-bar{animation:recording-pulse ease-in-out infinite alternate;transform-origin:center bottom;will-change:height}@keyframes recording-pulse{0%{height:20%}to{height:100%}}