.modal-bottom-enter-active[data-v-0bc08cf1],.modal-bottom-leave-active[data-v-0bc08cf1]{transition:all .3s ease}.modal-bottom-enter-from[data-v-0bc08cf1],.modal-bottom-leave-to[data-v-0bc08cf1]{opacity:0}.modal-bottom-enter-from .comments-modal-container[data-v-0bc08cf1],.modal-bottom-leave-to .comments-modal-container[data-v-0bc08cf1]{transform:translateY(100%)}.comments-modal-mask[data-v-0bc08cf1]{position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:flex-end}.comments-modal-container[data-v-0bc08cf1]{width:100%;max-height:85%;background:#000f24;border-radius:20px 20px 0 0;display:flex;flex-direction:column;transform:translateY(0);transition:transform .3s ease;overflow:hidden}.comments-modal-header[data-v-0bc08cf1]{padding:12px 16px 8px;border-bottom:.5px solid #466b7e}.comments-modal-header .comments-modal-handle[data-v-0bc08cf1]{width:40px;height:4px;background:#818b9e;border-radius:2px;margin:0 auto 12px}.comments-modal-header .comments-modal-title[data-v-0bc08cf1]{display:flex;justify-content:space-between;align-items:center}.comments-modal-header .comments-modal-title h2[data-v-0bc08cf1]{font-size:110%;font-weight:500;color:var(--text-primary-color, #E6E6E6);margin:0}.comments-modal-header .comments-modal-title .comments-modal-close[data-v-0bc08cf1]{background:transparent;border:none;padding:4px 8px;cursor:pointer;color:var(--text-secondary-color, #818B9E);font-size:120%}.comments-modal-header .comments-modal-title .comments-modal-close[data-v-0bc08cf1]:hover{color:var(--text-primary-color, #E6E6E6)}.comments-modal-body[data-v-0bc08cf1]{flex:1;overflow-y:auto;padding:16px}.comments-modal-body .comments-loading[data-v-0bc08cf1],.comments-modal-body .comments-empty[data-v-0bc08cf1]{display:flex;justify-content:center;align-items:center;padding:40px 20px;color:var(--text-secondary-color, #818B9E);font-size:105%}.comments-modal-body .comments-list[data-v-0bc08cf1]{display:flex;flex-direction:column;gap:16px}.comments-modal-body .comment-item[data-v-0bc08cf1]{display:flex;gap:12px}.comments-modal-body .comment-item .comment-avatar[data-v-0bc08cf1]{flex-shrink:0}.comments-modal-body .comment-item .comment-avatar img[data-v-0bc08cf1]{width:32px;height:32px;border-radius:50%;object-fit:cover}.comments-modal-body .comment-item .comment-content[data-v-0bc08cf1]{flex:1}.comments-modal-body .comment-item .comment-content .comment-header[data-v-0bc08cf1]{display:flex;align-items:center;gap:8px;margin-bottom:4px}.comments-modal-body .comment-item .comment-content .comment-header .comment-username[data-v-0bc08cf1]{font-size:100%;font-weight:500;color:#e6e6e6}.comments-modal-body .comment-item .comment-content .comment-header .comment-time[data-v-0bc08cf1]{font-size:90%;color:#e6e6e6}.comments-modal-body .comment-item .comment-content .comment-text[data-v-0bc08cf1]{font-size:105%;color:#818b9e;line-height:1.4}.text-color-grey[data-v-0bc08cf1]{color:#818b9e}.comments-modal-input[data-v-0bc08cf1]{padding:12px 8px;border-top:.5px solid #466b7e;background:#000f24}.comments-modal-input .comment-input-wrapper[data-v-0bc08cf1]{display:flex;align-items:center;gap:12px}.comments-modal-input .comment-input-wrapper .comment-input-avatar[data-v-0bc08cf1]{flex-shrink:0}.comments-modal-input .comment-input-wrapper .comment-input-avatar img[data-v-0bc08cf1]{width:32px;height:32px;border-radius:50%;object-fit:cover}.comments-modal-input .comment-input-wrapper .comment-input[data-v-0bc08cf1]{flex:1;background:#1d3259;border:.5px solid #172E3B;border-radius:20px;padding:10px 16px;color:#e6e6e6;font-size:105%}.comments-modal-input .comment-input-wrapper .comment-input[data-v-0bc08cf1]::placeholder{color:var(--text-secondary-color, #818B9E)}.comments-modal-input .comment-input-wrapper .comment-input[data-v-0bc08cf1]:focus{outline:none;border-color:var(--primary-color, #3DE1E5)}.comments-modal-input .comment-input-wrapper .comment-send-button[data-v-0bc08cf1]{background:var(--primary-color, #3DE1E5);color:var(--text-primary-color, #E6E6E6);border:none;border-radius:20px;padding:5px;font-size:105%;font-weight:500;cursor:pointer;flex-shrink:0}.comments-modal-input .comment-input-wrapper .comment-send-button[data-v-0bc08cf1]:disabled{opacity:.5;cursor:not-allowed}