html{box-sizing:border-box;font-family:sans-serif;font-size:16px}*,:after,:before{margin:0;padding:0;box-sizing:inherit}body{font-family:"Roboto Mono",monospace;background-color:#fae5df}.controls-container{height:15%;display:flex;justify-content:space-evenly;align-items:center;padding:.5rem}.recorder-display{width:50%;display:flex;align-items:center;font-size:2rem}@keyframes animated-block{0%{opacity:0}to{opacity:1}}.recording-indicator{width:10px;height:10px;margin-right:.5rem;border-radius:50%;background-color:#f2ea02;animation-name:animated-block;animation-duration:2s;animation-iteration-count:infinite}.recording-time{width:80%;display:flex;align-items:center;justify-content:center}.cancel-button-container{width:20%;display:grid;place-content:center;animation-name:animated-block;animation-duration:2s}.cancel-button,.start-button{border:none;border-radius:50%;background-color:#fff;cursor:pointer;transition:all .2s}.cancel-button:hover{background-color:#fae5df;color:#fd1c03}.cancel-button{width:25px;height:25px;display:flex;justify-content:center;align-items:center}.start-button-container{width:15%;display:grid;place-content:center}.start-button:hover{color:#141850;background-color:#fae5df}.start-button{width:40px;height:40px}.recordings-container{height:85%;padding:0 1.5rem}.recordings-container h1{margin-bottom:1.5rem;text-align:center}.no-records{height:100%;display:grid;place-content:center;place-items:center;font-size:1.5rem;text-align:center}.recordings-list::-webkit-scrollbar{width:5px}.recordings-list::-webkit-scrollbar-track{background:#e4d3cf}.recordings-list::-webkit-scrollbar-thumb{background:#099fff}.recordings-list{max-height:85%;overflow-y:auto}.record{display:flex;justify-content:space-evenly;padding:.5rem 0;margin-bottom:1rem}.record audio{min-width:80%;max-width:60%}.delete-button-container{min-width:20%;max-width:10%;display:grid;place-content:center}.delete-button{width:35px;height:35px;border:none;border-radius:50%;background-color:#fff;cursor:pointer;transition:all .2s;display:flex;justify-content:center;align-items:center}.delete-button:hover{color:#fd1c03;background-color:#fae5df}.voice-recorder{min-height:100vh;display:grid;place-content:center}.title{margin-bottom:2rem;font-size:3rem;text-align:center;color:#303179}.recorder-container{min-width:300px;width:100%;height:70vh;border-radius:1rem;background:linear-gradient(90deg,#ed7966,#303179);color:#fff}.error-message{padding:1rem;text-align:center}@media screen and (max-width:600px){.title{font-size:2em}.recorder-container{width:100vw}}
/*# sourceMappingURL=main.92774f73.chunk.css.map */