body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.loading{padding:10px;border-radius:8px;text-align:center;position:relative;-webkit-animation:maskBorder 1s infinite;animation:maskBorder 1s infinite}.modal{bottom:0;left:0;margin:auto;max-height:500px;max-width:600px;min-width:300px;position:fixed;right:0;top:0}@-webkit-keyframes maskBorder{0%{background:#c4c4c4}50%{background:#a1a1a1}to{background:#c4c4c4}}@keyframes maskBorder{0%{background:#c4c4c4}50%{background:#a1a1a1}to{background:#c4c4c4}}.footer{background:#eee;top:0;left:0;right:0;bottom:0;height:60px;overflow:hidden;position:absolute}.user1{width:60%;max-width:250px}.audio,.user1{float:left;background-color:#fff;clear:both;padding:5px;border-radius:0 8px 8px 8px;margin:0 5px 20px}.audio{width:320px}.user0{float:right;background-color:#dcf8c6;padding:5px;max-width:250px;clear:both;border-radius:8px 0 8px 8px;margin:10px 5px 20px}.usertext0{margin:0 20px 10px 10px}.usertext1{margin:0 10px 10px}.time{font-size:10px;float:right}.container{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:16px;margin-top:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#b4b4b4}.container:hover input~.checkmark{background-color:#ccc}.container input:checked~.checkmark{background-color:#2196f3}.checkmark:after{content:"";position:absolute;display:none}.container input:checked~.checkmark:after{display:block}.container .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.toast{width:100%;height:60px;background:#40b876;position:absolute;bottom:0;margin-bottom:60px;color:#fff;font-size:18px;text-align:center;font-weight:bolder}.toast_message{margin-top:18px}.down_button{padding:15px;display:inline-block;width:80px;height:80px;border-radius:12px;box-shadow:1px 1px 14px 1px #bebebe;background:#b81f1f;color:#fff;margin:10px;text-align:center;font-size:22px}.rec_duration{font-size:18px;font-weight:500}.up_button{padding:15px;display:inline-block;width:80px;height:80px;border-radius:12px;box-shadow:1px 1px 14px 1px #bebebe;background:#fff;color:red;margin:10px;font-size:22px}.record_text{margin:0;font-weight:800;font-size:14px}.send_btn{background:#075e54;float:right}.play_btn,.send_btn{padding:15px;width:80px;height:80px;border-radius:12px;box-shadow:1px 1px 14px 1px #bebebe;color:#fff;margin:10px;font-size:20px}.play_btn{display:inline-block;background:#18682c}.pause_btn{background:#fff;color:#18682c}.audio_del_btn,.pause_btn{padding:15px;display:inline-block;width:80px;height:80px;border-radius:12px;box-shadow:1px 1px 14px 1px #bebebe;margin:10px;font-size:20px}.audio_del_btn{background:#201010;color:#fff}.success_text{font-size:34px}
/*# sourceMappingURL=main.1046e5dd.chunk.css.map */