.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}