@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);.rr-box{padding:10px 20px;text-align:left;font-size:20px;font-weight:500;color:#333}.rr-box .rr-text{width:calc(100% - 50px);float:left}.rr-box .rr-voice{width:1px;height:1px;opacity:.01}.rr-box .btn-send{width:40px;height:40px;padding:3px 10px;margin-top:10px;color:#fff;border:1px solid #ddd;border-radius:50px;background-color:#c8c8c8}.rr-box .btn-send.active{background-color:#7a86ee}.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:130px;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 .title{display:block;text-align:left;height:inherit;color:#929292}.sample-list .sample-item .sample-body{position:relative;width:calc(100% - 90px);height:40px;text-align:left;vertical-align:middle;display:flex;justify-content:center;align-items:center}.sample-list .sample-item .sample-body .script{position:absolute;left:0;vertical-align:middle;cursor:pointer}.sample-list .sample-item .sample-body .pronunciation{position:relative;display:none;width:100%;height:40px;text-align:left}.sample-list .sample-item .sample-body .pronunciation .reum-textbox{width:calc(100% - 80px);margin-top:-9px;display:inline-block}.sample-list .sample-item .sample-body button{display:inline-block;width:40px;height:40px;padding:0;border:1px solid #ddd;border-radius:50%;color:#fff;font-size:1.4rem;text-align:center;margin-top:-1px}.sample-list .sample-item .sample-body .btn-submit{background-color:#84c431}.sample-list .sample-item .sample-body .btn-cancel{background-color:#f03030}.sample-list .sample-item>button{position:absolute;top:0;width:40px;height:40px;padding:0;color:#fff;border:1px solid #ddd;border-radius:50%;font-size:1.4rem;text-align:center}.sample-list .sample-item .btn-play{width:30px;height:30px;right:30px;background-color:rgba(177,214,129,.7)}.sample-list .sample-item .btn-mod{display:block;right:42px;background-color:rgba(177,214,129,.7)}.sample-list .sample-item .btn-demod{display:none;right:42px;background-color:rgba(177,214,129,.7)}.sample-list .sample-item .btn-del{right:0;background-color:#ff5151}.sample-list .sample-item.modified .script{display:none}.sample-list .sample-item.modified .pronunciation{display:block}.sample-list .sample-item.modified .btn-mod{display:none}.sample-list .sample-item.modified .btn-demod{display:block}.sample-list .sample-item.selected .sample-body{display:block;height:inherit}.sample-list .sample-item.selected .script{position:inherit}.sample-list .sample-item.selected .voice-list{display:block}.sample-list .sample-item.selected .btn-mod{display:none}.sample-list .sample-item.selected .btn-demod{display:block}.sample-list .sample-item:after{display:block;content:"";clear:both}.sample-list .sample-item .voice-list{padding:10px 0;display:none}.sample-list .sample-item .voice-list .phonemes{padding:0 0 10px}.sample-list .sample-item .voice-list .voice-item{background-color:#dfdfdf;display:inline-block;padding:5px;border-radius:30px;margin-right:5px}.sample-list .sample-item .voice-list .voice-item span{padding:0 10px;cursor:pointer}.sample-list .sample-item .voice-list .voice-item button{width:30px;height:30px;padding:0;line-height:28px}.sample-list .sample-item .voice-list .voice-item button i:before{line-height:28px}.sample-list .sample-item .voice-list .voice-item .btn-play{background-color:rgba(177,214,129,.7)}.sample-list .sample-item .voice-list .voice-item .btn-del{background-color:#ff5151}.sample-list .sample-item .voice-list .voice-item label{cursor:pointer}.sample-list .sample-item .voice-list .voice-item .checkbox{width:20px;height:20px;margin-right:5px;cursor:pointer}.sample-list .sample-item .voice-list .voice-item.new .btn-audio{background-color:rgba(177,214,129,.7)}.sample-list .sample-item .voice-list .voice-item.new .btn-rec{background-color:#ee7a7a}.sample-list .sample-item .voice-list .voice-item.new .btn-send{background-color:#7a86ee}