.chat-wrapper{position:fixed;bottom:0;right:2vw;width:155px;max-width:90vw;z-index:20;margin:1em;border-radius:5px;border:1px solid var(--border-color);box-shadow:4px 4px 19px var(--fp-shadow-color);display:flex;flex-direction:column;transition:width .5s ease,height .5s ease;background-color:#ffe}.chat-wrapper.is-open{width:500px;height:70vh;transition:width .2s ease,height .2s ease}.chat-wrapper .chat-heading{background-color:#ffe;border-top-left-radius:5px;border-top-right-radius:5px;position:relative;cursor:pointer;height:40px}.chat-wrapper .chat-heading:hover{background-color:#ffd}.chat-wrapper .chat-heading .grow{padding:1em}.chat-wrapper .chat-heading .grow i:not(.new-msg){font-size:16px}.chat-wrapper .chat-heading .right{border-top-right-radius:5px;display:flex;align-items:center;padding:0 .4em;height:100%}.chat-wrapper .chat-body{display:none;transition:height .5s ease}.chat-wrapper .chat-body.is-open{display:block;flex-grow:2;padding:0 1em 1em 1em}.chat-body .chat-select-heading{margin:1em;height:40px;text-transform:uppercase}.chat-select{padding:0}.chat-select .dropdown.dropdown-menu-animation{display:block}.chatroom{display:flex;gap:10px;margin:1px;padding:2px 5px;font-size:.8em;align-items:center;border-left:5px solid transparent;position:relative;cursor:pointer}.chatroom.dropdown-trigger{border:0;margin:0;padding:.5em 1em;background-color:#fff;width:100%}.chatroom:not(.chatroom-trigger):hover{color:#fff;background-color:#666}.chatroom.active{border-left-color:#ad0d0d;background-color:#777;color:#fff}a.dropdown-item.jk-nohover{background-color:#333;color:#bbb}a.dropdown-item.jk-nohover .chatroom.chatroom-trigger:hover{background-color:#888;color:#fff}.chatroom .new-msg{position:absolute;right:0;top:-3px;background-color:#cb0404ba;color:#fff;border-radius:50%;width:17px;height:17px;display:flex;justify-content:center;align-items:center;font-size:12px}.chat-heading i.new-msg{position:absolute;right:-16px;top:-7px;font-size:24px;color:#ff2121ba;background-color:#fff;border-radius:50%}a .dropdown-item:hover{background-color:inherit;color:inherit}.chat-content{display:flex;flex:1;flex-direction:column;height:calc(70vh - 100px)}.chat-content .chat-top{flex-grow:2;overflow-y:scroll}.chat-content .chat-bottom{flex-grow:1}.jk-comments-chat{padding:0 0 0 10px}.jk-comments-chat .speech-bubble-left{margin-right:0;min-height:50px}.jk-comments-time{font-size:.7em;font-weight:100;opacity:.7;margin-left:64px;margin-bottom:5px}.chat-content .jk-ingress.comment{height:50px;background-color:#ffe;color:#333}.chat-content .jk-ingress.comment:focus{background-color:#fff;height:100px}@media screen and (max-width:768px){.chat-wrapper.is-open{top:60px;left:0;right:0;left:0;margin:0;width:100%;max-width:100%;height:100%}.jk-comments-chat .speech-bubble-left{margin-left:50px;margin-right:0}.chat-content{height:calc(100vh - 220px)}}.dark.chat-wrapper{background-color:#4e5050}.dark.chat-wrapper .chat-heading{background-color:#3d3d3d}.dark.chat-wrapper .chat-heading .right:hover{background-color:#666}.dark.chat-wrapper .chatroom.dropdown-trigger{background-color:#444}.dark.chat-wrapper .chat-content .jk-ingress.comment{background-color:#bbb;color:#333}