.comment-editor-wrap{background:#f9f9f9;padding:24px 24px 12px;border-radius:12px 12px 0 0}@media(max-width:767px){.comment-editor-wrap{padding:0}}.comment-editor-wrap.h5-wrap{padding:24px 0 12px}.comment-editor-wrap.h5-wrap.no-pb{padding-bottom:4px}.comment-editor-wrap.h5-wrap .comment-editable{padding:0 24px}.comment-editor-wrap.h5-wrap .dividing{margin:0 auto 12px}.comment-editor-wrap.h5-wrap .comment-editor-toolbar{padding:0 24px;margin-bottom:12px}.comment-editor-wrap.h5-wrap .comment-editor-toolbar .comment-right-tool{font-family:var(--eco-design-font-M)}.comment-editor-wrap.h5-wrap .comment-editor-toolbar .comment-right-tool .comment-btn{border-radius:20px;padding:8px 14px;height:30px;margin-left:12px}.comment-editor-wrap.h5-wrap .comment-editor-toolbar .comment-right-tool .comment-btn span{line-height:unset}.comment-editor-wrap.h5-wrap .emoji-picker-wrap-h5{height:0;overflow:hidden}.comment-editor-wrap.h5-wrap .emoji-picker-wrap-h5.picker-active{height:320px;transition:height .3s ease}.comment-editor-wrap.h5-wrap em-emoji-picker{width:100%;height:320px}.comment-editor-wrap .comment-editable{width:100%}.comment-editor-wrap .comment-editable .editor-container .images-list{margin-bottom:8px;display:flex}.comment-editor-wrap .comment-editable .editor-container .images-list .preview-item{width:40px;height:40px;margin-right:8px;position:relative}.comment-editor-wrap .comment-editable .editor-container .images-list .preview-item .eco-img{border-radius:4px;overflow:hidden}.comment-editor-wrap .comment-editable .editor-container .images-list .preview-item .close-icon{position:absolute;top:-6px;right:-6px;z-index:1;cursor:pointer}.comment-editor-wrap .comment-editable .editor-container .images-list .preview-item .close-icon svg{width:14px;height:14px}.comment-editor-wrap .comment-editable .editor-container .editor-inner{position:relative}.comment-editor-wrap .comment-editable .editor-container .editor-inner a{color:#3f68e0;text-decoration:underline;cursor:pointer}.comment-editor-wrap .comment-editable .editor-container .editor-inner .editor-placeholder{position:absolute;top:0;left:2px;color:#ccc;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.comment-editor-wrap .comment-editable .editor-container .editor-inner .editor-placeholder .comment-name{margin-right:2px}.comment-editor-wrap .comment-editable .editor-container .editor-inner .count-length{color:#666;font-size:14px;text-align:right;padding-right:8px}.comment-editor-wrap .comment-editable .editor-container .editor-input{height:100%;color:#37383b;font-size:16px;padding:5px;min-height:64px;outline:none;box-shadow:none;max-height:240px;overflow-y:auto;font-family:var(--ff-woff2-M);font-weight:400;cursor:text}.comment-editor-wrap .comment-editable .editor-container .editor-input p,.comment-editor-wrap .comment-editable .editor-container .editor-input span{color:#37383b;font-family:var(--ff-woff2-M);font-weight:400}.comment-editor-wrap .comment-editable .editor-container .editor-input:focus{outline:none;box-shadow:none}.comment-editor-wrap .dividing{height:1px;width:100%;background:#ddd;margin-bottom:12px}.comment-editor-wrap .comment-editor-toolbar{display:flex;justify-content:space-between;height:36px}.comment-editor-wrap .comment-editor-toolbar .comment-left-tool{display:flex;align-items:center;position:relative}.comment-editor-wrap .comment-editor-toolbar .comment-left-tool .ant-upload-wrapper .ant-upload-select{display:block}.comment-editor-wrap .comment-editor-toolbar .comment-left-tool .ant-upload-wrapper{width:100%;height:100%;display:block;line-height:1}.comment-editor-wrap .comment-editor-toolbar .comment-left-tool .emoji-wrap-option{position:absolute;top:35px;left:-20px;visibility:visible;z-index:10;opacity:1}.comment-editor-wrap .comment-editor-toolbar .comment-left-tool .emoji-wrap-option.fade-in{animation:fadeIn .3s ease-out forwards;pointer-events:auto;position:absolute;top:35px;left:-20px;visibility:visible;z-index:10;opacity:1}.comment-editor-wrap .comment-editor-toolbar .comment-left-tool .emoji-wrap-option.fade-out{animation:fadeOut .3s ease-in forwards;position:absolute;top:-99999px;left:-99999px;z-index:-1;pointer-events:none;opacity:0;visibility:hidden}.comment-editor-wrap .comment-editor-toolbar .comment-left-tool .editor-opt-btn{margin-right:16px;cursor:pointer;display:flex;width:20px;align-items:center}.comment-editor-wrap .comment-editor-toolbar .comment-left-tool .editor-opt-btn.disabled-span{cursor:not-allowed}.comment-editor-wrap .comment-editor-toolbar .comment-left-tool .editor-opt-btn.disabled-span svg path{fill:rgba(0,0,0,.25)}.comment-editor-wrap .comment-editor-toolbar .comment-right-tool{display:flex;align-items:center;font-family:var(--eco-design-font-M)}.comment-editor-wrap .comment-editor-toolbar .comment-right-tool .comment-btn{border-radius:30px;border:1px solid #595c61;padding:0 18px;height:36px;margin-left:12px;display:flex;align-items:center;color:#595c61;text-align:center;cursor:pointer;font-size:14px}.comment-editor-wrap .comment-editor-toolbar .comment-right-tool .comment-btn span{display:flex;align-items:center;gap:4px}.comment-editor-wrap .comment-editor-toolbar .comment-right-tool .comment-btn.disabled-btn{cursor:not-allowed}.comment-editor-wrap .comment-editor-toolbar .comment-right-tool .primary-btn{background:#677eff;color:#fff;border:none;pointer-events:auto;cursor:pointer}.comment-editor-wrap .comment-editor-toolbar .comment-right-tool .primary-btn span path{stroke:#fff}.comment-editor-wrap .comment-editor-toolbar .comment-right-tool .primary-btn span path:nth-child(2){fill:#fff}.comment-editor-wrap .comment-editor-toolbar .comment-right-tool .loading-btn{background:#3f68e0;border:none;pointer-events:none;opacity:.7;color:#fff}.comment-editor-wrap .comment-editor-toolbar .comment-right-tool .loading-btn .ant-spin .ant-spin-dot-item{background-color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}