.NoteCommentBox{position:absolute;margin:0;top:0;width:100%}.NoteCommentBox.with-transition{transition:top .5s ease}.NoteCommentBox .NoteLumin{margin:0}.CommentPanel{display:flex;bottom:0;flex-direction:column;transition:all .3s ease;width:100%;top:var(--panel-top)}.theme-light .CommentPanel{border:1px solid var(--color-neutral-20);background-color:var(--color-neutral-10)}.theme-dark .CommentPanel{border:1px solid var(--color-neutral-80);background-color:var(--color-neutral-100)}.no-topbar.CommentPanel{top:calc(var(--panel-top) - 56px)}.no-banner.CommentPanel{top:calc(var(--panel-top) - 48px)}.no-banner.no-topbar.CommentPanel{top:calc(var(--panel-top) - 56px - 48px)}@media (max-width: 1199px){.no-toolbar.CommentPanel{top:calc(var(--panel-top) - 44px)}.no-toolbar.no-topbar.CommentPanel{top:calc(var(--panel-top) - 56px - 44px)}.no-toolbar.no-banner.CommentPanel{top:calc(var(--panel-top) - 48px - 44px)}.no-toolbar.no-topbar.no-banner.CommentPanel{top:calc(var(--panel-top) - 56px - 48px - 44px)}}.open.CommentPanel{transform:none;visibility:visible}.CommentPanel{width:300px;position:absolute}.closed.CommentPanel{visibility:hidden;transform:translate(300%)}@media (max-width: 599px){.closed.CommentPanel{transform:translateY(100%)}}@media (max-width: 599px){.CommentPanel{width:100%;border-left:none}}.CommentPanel{width:359px}.theme-light .CommentPanel{background-color:var(--color-other-4);border:0}.theme-dark .CommentPanel{background-color:var(--color-other-5);border:0}.CommentPanel .Panel{transition:background-color .3s ease;overflow:hidden;-webkit-overflow-scrolling:touch;flex:1;flex-direction:column;padding:10px 8px 40px 16px;scrollbar-width:none}.CommentPanel .Panel.allow-self-scroll{overflow:auto}.CommentPanel .Panel::-webkit-scrollbar{display:none}.CommentPanel .Panel .normal-notes-container{position:relative}.CommentPanel.hidden{visibility:hidden;opacity:0}