.comment .comment-fade-enter{opacity:0;transform:translateY(100%)}.comment .comment-fade-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.comment .comment-fade-exit{opacity:1}.comment .comment-fade-exit-active{opacity:0;transform:translateY(100%);transition:opacity .3s,transform .3s}.comment .username{color:rgb(var(--primary-color))}.comment .user-level{font-size:.55rem;background-color:rgb(var(--primary-color));border-radius:.125rem}.comment .comment-loading{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(var(--button-background-color),.9);z-index:20;display:flex;backdrop-filter:blur(2px);justify-content:center;align-items:center}.comment .comment-header .comment-header-user .user-avatar{border-radius:50%}.comment .comment-header .comment-header-user ul>li{font-size:.65rem;color:rgb(var(--primary-color));border:1px solid rgb(var(--primary-color));border-radius:.125rem}.comment .comment-editor{border-radius:.5rem;padding:.5rem;position:relative;margin:-.125rem;background-color:rgb(var(--input-background-color))}.comment .comment-editor textarea{padding:.5rem;width:100%;outline:none;background-color:transparent;resize:none;overflow:auto}.comment .comment-editor .markdown-body{padding:.5rem;height:10rem;overflow:auto;border-top:2px solid rgb(var(--border-color))}.comment .comment-editor .editor-option .parent-nickname-container .parent-nickname{background-color:rgb(var(--card-background-color));border-radius:.25rem 0 0 .25rem;max-width:8rem;width:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment .comment-editor .editor-option .parent-nickname-container>button{border-radius:0 .25rem .25rem 0;background-color:rgb(var(--card-background-color));transition:background-color .3s}.comment .comment-editor .editor-option .parent-nickname-container>button:hover{background-color:rgb(var(--backgroundt-color))}.comment .comment-editor .editor-option .parent-nickname-container>button:hover>i{transform:rotate(180deg)}.comment .comment-editor .editor-option .parent-nickname-container>button>i{transition:transform .3s}.comment .comment-editor .editor-option button{outline:none;padding-top:.25rem;border-radius:.35rem;transition:all .3s ease}.comment .comment-editor .editor-option button:hover{color:rgb(var(--primary-color));background-color:rgb(var(--card-background-color))}.comment .comment-item .body-header-tag{background-color:rgb(var(--button-background-color));padding:.125rem .5rem;border-radius:.125rem}.comment .comment-item .option-button{transition:all .3s}.comment .comment-item .option-button:hover{color:#b4b4b4}