@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% - 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}