.mobileComment{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;background:#f5f5f5;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mobileComment .container{width:100vw;padding-bottom:5vw;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.mobileComment .comment-header,.mobileComment .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mobileComment .comment-header{width:100%;height:10vw;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#fff;color:#000}.mobileComment .comment-header .back-btn{width:10vw;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mobileComment .comment-header .empty{width:10vw;height:100%}.mobileComment .comment-header .comment-title{width:80vw;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.4rem;font-weight:600}.mobileComment .score-section{width:100%;background-color:#f8f8f8}.mobileComment .score-section .score-item{padding:2vw 6vw 0}.mobileComment .score-section .score-item .score-label{color:#000;font-size:1.2rem;font-weight:600}.mobileComment .score-section .score-item .score-buttons{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:5vw;margin-top:2vw}.mobileComment .score-section .score-item .score-buttons,.mobileComment .score-section .score-item .score-buttons .score-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mobileComment .score-section .score-item .score-buttons .score-btn{width:10vw;height:10vw;border-radius:2vw;background-color:#ebebeb;color:#8d8d8d;font-size:1.2rem;font-weight:600}.mobileComment .score-section .score-item .score-buttons .score-btn.active{background-color:#dbe9de;color:#3aac71}.mobileComment .audio-section{height:40vw;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:.5px solid #888;border-left:none;border-right:none;color:red;font-size:1.4rem;font-weight:600}.mobileComment .action-buttons,.mobileComment .audio-section{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:5vw}.mobileComment .action-buttons{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;gap:5vw}.mobileComment .action-buttons .action-btn{width:20vw;height:8vw;border-radius:30vw;background-color:#d2d2d2;color:#4a4a4a;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mobileComment .action-buttons .action-btn.active{background-color:#3aac71;color:#fff}.mobileComment .record-buttons{width:100%;margin-top:5vw;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;gap:5vw}.mobileComment .record-buttons,.mobileComment .record-buttons .record-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mobileComment .record-buttons .record-btn{width:15vw;height:15vw;border-radius:30vw;background-color:#d2d2d2;color:#4a4a4a;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mobileComment .edit-comment-section{width:92vw;margin-top:5vw;background-color:#fff;border-radius:2vw;overflow:hidden}.mobileComment .edit-comment-section .section-title{padding:3vw;color:#000;font-size:1.2rem;font-weight:600;border-bottom:1px solid #e6e6e6}.mobileComment .edit-comment-section .summary-warning{padding:3vw 3vw 0;color:#f5222d;font-size:12px}.mobileComment .edit-comment-section .disabled-summary{min-height:24vw;padding:4vw;background-color:#f5f5f5;color:#999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mobileComment .edit-comment-section .editor-layout{padding:3vw;background-color:#fff}.mobileComment .comment-content-layout{width:100%}.mobileComment .comment-content-layout .audio-player-layout{width:100%;padding:3vw}.mobileComment .comment-content-layout .audio-player-inner-layout{width:auto;-webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,.1);box-shadow:1px 1px 1px 1px rgba(0,0,0,.1);border-radius:2vw;padding:3vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mobileComment .comment-content-layout .audio-player-inner-layout .audio-icon{width:3vw;height:3vw;margin-left:2vw}.mobileComment .comment-content-layout .audio-player-inner-layout .duration{width:8vw;text-align:center}.mobileComment .comment-content-layout .audio-player-inner-layout .progress-slider{width:48vw}.mobileComment .comment-content-layout .audio-player-inner-layout .progress-slider .ant-slider-handle{border-color:#37ab6e}.mobileComment .comment-content-layout .audio-player-inner-layout .progress-slider .ant-slider-track{background-color:#37ab6e}.mobileComment .comment-content-layout .audio-player-inner-layout .play-btn{width:7vw;height:7vw;margin-left:2vw}.mobileComment .edit-action-buttons{width:92vw;margin-top:5vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:4vw}.mobileComment .edit-action-buttons .edit-action-btn{-webkit-box-flex:1;-ms-flex:1;flex:1;height:10vw;border-radius:5vw}.mobileComment .edit-action-buttons .edit-action-btn.primary{background-color:#3aac71;border-color:#3aac71}