.main-container-comments{padding:20px 0 110px 24px;flex:auto;min-height:70vh;background:#f1f1f1}.main-container-comments .main{position:relative;width:100%;min-height:60vh;padding:0 30px}.main-container-comments .main .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #c7517f;border-radius:12%}.main-container-comments .main .head .title{color:#000;font-weight:500;font-size:26px;line-height:30px}.main-container-comments .main .head .control-btns{display:flex;align-items:center;justify-content:right;min-width:560px;box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.88);font-size:14px;line-height:1.5714285714}.main-container-comments .main .head .control-btns .story-dropdown{min-width:120px;height:44px;margin-inline-end:16px}.main-container-comments .main .head .control-btns .story-dropdown .p-dropdrown{background:linear-gradient(180deg,#c7517f,#f4e1da);border:1px solid;border-radius:8px}.main-container-comments .main .head .control-btns .episode-dropdown{min-width:120px;height:44px;margin-inline-end:16px}.main-container-comments .main .head .control-btns .episode-dropdown .p-dropdown{background:#fff;color:#c7517f;border:1px solid;border-radius:8px}.main-container-comments .main .head .control-btns .other-btns{display:flex;flex-direction:row;justify-content:space-between;margin-inline-end:16px;position:relative;align-items:center;min-height:32px;gap:10px}.main-container-comments .main .head .control-btns .other-btns .view-btn button{color:#fff;background:linear-gradient(180deg,#c7517f,#f4e1da)}.main-container-comments .main .head .control-btns .other-btns .reset-btn button,.main-container-comments .main .head .control-btns .other-btns .view-btn button{box-sizing:border-box;min-width:120px;height:44px;padding:10px;font-weight:500;box-shadow:0 2px 0 rgba(5,138,255,.06);font-size:14px;border:1px solid;border-radius:8px;display:flex;align-items:center}.main-container-comments .main .head .control-btns .other-btns .reset-btn button{color:#c7517f;background:#fff}.main-container-comments .main .body{padding:48px 32px}.main-container-comments .main .body .icon{display:flex;margin-bottom:24px;justify-content:center;align-items:center}.main-container-comments .main .body .icon .image{width:200px}.main-container-comments .main .body .icon .image img{object-fit:fill}.main-container-comments .main .body .title{color:rgba(0,0,0,.88);font-size:24px;line-height:1.3333333333;margin-block:8px;text-align:center}.main-container-comments .main .body .extra{margin:24px 0 0;text-align:center}.main-container-comments .main .body .extra button{display:inline-block;box-sizing:border-box;min-width:200px;height:46px;padding:0 20px;color:#fff;font-weight:500;font-size:16px;line-height:46px;background:linear-gradient(180deg,#c7517f,#f4e1da);border-radius:6px}.main-container-comments .main .body-data{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.88);font-size:14px;line-height:1.5714285714;border-radius:2px}.main-container-comments .main .body-data .head{margin-bottom:4px;padding:0;color:#333;font-weight:500;font-size:17px;display:flex;justify-content:end;border:none;border-block-end:1px solid rgba(5,5,5,.06)}.main-container-comments .main .body-data .loaded-data{position:relative;transition:opacity .3s;display:flex;flex-direction:column}.main-container-comments .main .body-data .loaded-data .comment-item{box-sizing:border-box;margin:0;padding:15px;color:rgba(0,0,0,.88);font-size:14px;line-height:1.5714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;position:relative;background:linear-gradient(180deg,#f9b5bc,#f4e1da);border:1px dashed #c7517f;border-radius:21px}.main-container-comments .main .body-data .loaded-data .comment-item .inner{padding-block:16px;display:flex}.main-container-comments .main .body-data .loaded-data .comment-item .inner .avatar{position:relative;flex-shrink:0;margin-inline-end:12px;cursor:pointer}.main-container-comments .main .body-data .loaded-data .comment-item .inner .avatar .image{width:44px;height:44px;border-radius:50%}.main-container-comments .main .body-data .loaded-data .comment-item .inner .avatar .image img{border:1px solid;border-radius:50%;object-fit:fill}.main-container-comments .main .body-data .loaded-data .comment-item .inner .comments{display:flex;flex-direction:column;width:100%;position:relative;min-width:0;word-wrap:break-word}.main-container-comments .main .body-data .loaded-data .comment-item .inner .comments .author-content{display:flex;flex-direction:row;justify-content:space-between;height:36px;margin-bottom:4px}.main-container-comments .main .body-data .loaded-data .comment-item .inner .comments .author-content .author-name{padding-inline-end:8px;font-size:12px;line-height:1.6666666667;color:rgba(0,0,0,.65);font-weight:500;line-height:36px}.main-container-comments .main .body-data .loaded-data .comment-item .inner .comments .author-content .time{color:gray;font-weight:400;font-size:12px;line-height:36px}.main-container-comments .main .body-data .loaded-data .comment-item .inner .comments .content{color:gray;font-size:14px;line-height:20px}.main-container-comments .main .body-data .loaded-data .comment-item .inner .comments .actions{display:flex;flex-direction:column;margin-top:14px}.main-container-comments .main .body-data .loaded-data .comment-item .inner .comments .actions li{display:inline-block;color:rgba(0,0,0,.65)}.main-container-comments .main .body-data .loaded-data .comment-item .inner .comments .actions li .action-box{display:flex;align-items:center;justify-content:space-between}.main-container-comments .main .body-data .loaded-data .comment-item .inner .comments .actions li .action-box .left{display:flex}.main-container-comments .main .body-data .loaded-data .comment-item .inner .comments .actions li .action-box .left .trigger{display:flex;margin-right:35px;cursor:pointer;flex-direction:row}.main-container-comments .main .body-data .loaded-data .comment-item .inner .comments .actions li .action-box .left .trigger .icon{width:28px;height:28px;color:gray;position:relative;border:1px solid gray;border-radius:50%;display:flex;align-items:center;justify-content:center}.main-container-comments .main .body-data .loaded-data .comment-item .inner .comments .actions li .action-box .left .trigger .outcome{margin-left:6px;color:#000;line-height:28px}.main-container-comments .main .body-data .loaded-data .comment-item .inner .comments .actions li .action-box .right{height:20px;padding:0 8px;color:#000;font-weight:400;font-size:12px;line-height:20px;text-align:right;background:rgba(4,22,51,.03);border-radius:4px}.main-container-comments .main .body-data .loaded-data .comment-item .inner .comments .actions li .comment-reply{display:flex;flex-direction:column;width:100%;align-items:flex-end;justify-content:space-between;margin:20px 0 0}.main-container-comments .main .body-data .loaded-data .comment-item .inner .comments .actions li .comment-reply .p-inputtextarea{position:relative;width:100%;margin-bottom:18px;padding:10px 11px 20px!important;border:1px solid rgba(4,22,51,.3)!important;border-radius:8px}.main-container-comments .main .body-data .loaded-data .comment-item .inner .comments .actions li .comment-reply .button button{width:100px;height:36px;color:#fff;font-weight:500;font-size:14px;background-color:blue;border:none}