@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);.reum-select-list{position:absolute;width:100%;background-color:#f9f9f9;border:1px solid #ddd;border-radius:3px;z-index:1000}.reum-select-list .reum-select-item li{padding:8px 10px;cursor:pointer}.reum-select-list .reum-select-item li:hover{background-color:rgba(61,128,70,.1)}.reum-textbox{position:relative;padding-top:10px;line-height:100%}.reum-textbox .reum-label{position:absolute;padding:0 5px;top:2px;left:17px;font-weight:700;font-size:13px;background-color:#f9f9f9;color:#101010}.reum-textbox .reum-text{border:1px solid silver;border-radius:20px}.reum-textbox .reum-text,.reum-textbox textarea{padding:10px 20px;background-color:#f9f9f9;color:#3a3a3a}.reum-textbox textarea{border:1px solid silver;font-family:Arial}.reum-select-cursor{cursor:pointer}.reum-readonly{width:100%;box-sizing:border-box;font-weight:400;min-height:39px;line-height:27px;padding:5px 10px;color:#3a3a3a;outline:none;border:1px solid #ddd;font-size:15px}.reum-readonly:focus{border:1px solid #3d8046}textarea{width:100%;padding:5px 10px;outline:none;border:1px solid #ddd;font-size:15px;box-sizing:border-box}textarea:focus{border:1px solid #3d8046}input[type=number],input[type=password],input[type=text]{width:100%;padding:5px 10px;outline:none;border:1px solid #ddd;font-size:15px;box-sizing:border-box}input[type=number]:focus,input[type=password]:focus,input[type=text]:focus{border:1px solid #3d8046}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px #f9f9f9 inset!important}.rr-box{padding:10px 20px}.rr-box .rr-text{width:calc(100% - 90px);float:left}.rr-box .rr-voice{width:1px;height:1px;opacity:.01}.rr-box .btn-rec{padding:3px 0;background-color:#ee7a7a}.rr-box .btn-audio,.rr-box .btn-rec{width:40px;height:40px;color:#fff;margin-top:10px;border:1px solid #ddd;border-radius:50%;font-size:1.4rem;text-align:center}.rr-box .btn-audio{padding:3px 10px;background-color:#d0d0d0}.rr-box .btn-audio.active{background-color:rgba(177,214,129,.7)}.rr-box .btn-send{width:100%;height:40px;padding:3px 10px;margin-top:5px;background-color:#7a86ee;color:#fff;border:1px solid #ddd;border-radius:50px}.bar{position:relative;height:20px;padding:10px 0;border-top:1px solid #c8c8c8;margin:20px 20px 0}.bar span{position:absolute;top:-10px;left:0;right:0;width:90px;margin:0 auto;text-align:center;background-color:#f9f9f9;color:#999}.sample-list{padding:0 20px}.sample-list .sample-item{position:relative;margin-bottom:5px;border-bottom:1px solid #c8c8c8;padding-bottom:5px}.sample-list .sample-item>div{position:relative;width:calc(100% - 100px);height:40px;text-align:left;vertical-align:middle;display:flex;justify-content:center;align-items:center}.sample-list .sample-item>div span{position:absolute;left:0;vertical-align:middle}.sample-list .sample-item .btn-play{right:50px;padding:3px 10px;background-color:rgba(177,214,129,.7);border:1px solid #ddd;border-radius:50%}.sample-list .sample-item .btn-del,.sample-list .sample-item .btn-play{position:absolute;top:0;width:40px;height:40px;color:#fff;font-size:1.4rem;text-align:center}.sample-list .sample-item .btn-del{right:0;padding:3px 0;background-color:#ff5151;border:1px solid #ddd;border-radius:50px}