.title{font-size:1.3rem;font-weight:bolder}.container{min-width:100%;min-height:97vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:.6rem;overflow:auto}.bi-record2,.bi-stop-fill{transform:scale(3);color:red}.bi-disabled{color:silver}.btnRecord,.btnStop{width:clamp(10px,25px,50px);height:clamp(10px,25px,50px);border:1px solid white;padding:5px;cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:5%}.btnRecord:hover,.btnStop:hover,input:hover{transform:scale(1.1)}input{cursor:pointer}.frame{display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:1px;background-color:#000;padding:5px;width:clamp(200px,225px,250px);height:clamp(35px,50px,75px);border-radius:20%;border:1px solid red;overflow:hidden}.lblBtnRecord{color:#fff;font-size:.5rem}.frameBtn{display:flex;flex-direction:column;justify-content:center;gap:5px;align-items:center}.resultText{min-width:95%;min-height:200px;overflow:auto;border:1px solid black;border-radius:10px;display:flex;flex-basis:1;padding:5px}#audioPlayback{transform:scale(.8)}#audioPlayback:hover{cursor:pointer}.statusRecord{text-align:center}.info-audio{font-size:.6rem}.row{display:flex;flex-direction:row;justify-content:center;align-items:center}canvas{width:150px;height:25px;border:1px solid grey;display:none}.play-audio{display:none;border-radius:20px;width:75px;height:30px}.get-play-audio{display:block;cursor:pointer}.get-canvas{display:block}select{font-size:.5rem;width:50px}.selectText{color:#fff;text-align:center}.statusError{text-align:center}