:root{--shoutbox-avatar-width:32px;--shoutbox-avatar-height:32px;--shoutbox-avatar-gap:5px;--shoutbox-header-line-height:1.5em;--shoutbox-message-line-height:1.5em;--shoutbox-pointer-up:'☝️';--shoutbox-pointer-down:'👇️';--shoutbox-new-messages-loaded:'Newer messages loaded.';--shoutbox-old-messages-loaded:'Older messages loaded.'}.canvas-layout-container .canvas-widget.shoutbox-widget--vb5{background:inherit}.shoutbox-widget .module-buttons{display:flex}.shoutbox-widget.canvas-widget .widget-content .error{margin:0}.shoutbox{max-height:var(--shoutbox-message-list-max-height,300px);overflow:auto}.shoutbox.shoutbox--progress{cursor:'progress'}.shoutbox::-webkit-scrollbar,.shoutbox__smiley-picker::-webkit-scrollbar{width:8px;height:8px}.shoutbox::-webkit-scrollbar-track,.shoutbox__smiley-picker::-webkit-scrollbar-track{box-shadow:inset 0 0 4px rgba(0,0,0,0.2);border-radius:6px}.shoutbox::-webkit-scrollbar-thumb,.shoutbox__smiley-picker::-webkit-scrollbar-thumb{border-radius:6px;box-shadow:inset 0 0 4px rgba(0,0,0,0.3)}.shoutbox__header{line-height:var(--shoutbox-header-line-height)}.shoutbox__timestamp{color:#777;font-size:1.1rem}.shoutbox__user{font-size:1.1rem}.shoutbox__avatar{--userinfo-icon-size:5px;width:var(--shoutbox-avatar-width);height:var(--shoutbox-avatar-height);flex-shrink:0;margin-right:var(--shoutbox-avatar-gap);margin-top:var(--shoutbox-header-line-height);position:relative}.shoutbox__avatar .online-status{position:absolute;right:0;bottom:0}.shoutbox-widget:not(.shoutbox-widget--vb5) .shoutbox__avatar .online-status{width:var(--userinfo-icon-size);height:var(--userinfo-icon-size);display:flex;justify-content:center;align-items:center}.shoutbox-widget--vb5 .shoutbox__avatar .online-status{bottom:-5px;right:-2px}.shoutbox__avatar .b-icon-fa,.shoutbox__header .b-icon-fa{--font-size:0.7rem}.shoutbox__avatar .b-icon__status--green,.shoutbox__avatar .b-icon__status--gray{transform:scale(0.8)}.shoutbox__header .b-userinfo__icon{--userinfo-icon-size:5px;display:inline-flex;vertical-align:middle}.shoutbox-widget--vb5 .shoutbox__header .b-userinfo__icon{display:inline-block;margin-right:-5px}.shoutbox__message-item{border-bottom:1px solid #ddd;padding:10px 5px;display:flex;flex-direction:row;align-items:self-start;position:relative}.shoutbox__message-item--old,.shoutbox__message-item--new{position:relative}.shoutbox--latest-messages-bottom .shoutbox__message-item--old:after,.shoutbox--latest-messages-bottom .shoutbox__message-item--new:before,.shoutbox--latest-messages-top .shoutbox__message-item--old:before,.shoutbox--latest-messages-top .shoutbox__message-item--new:after{border:1px solid #ddd;background:#fff;color:#aaa;padding:1px 5px;border-radius:5px;width:fit-content;font-size:1.2rem;position:absolute;right:0;z-index:1;opacity:0;animation:fadeInOutMarker 6s ease-in-out 1}.shoutbox__message-item--old,.shoutbox__message-item--new,.shoutbox--latest-messages-bottom .shoutbox__message-item:has(~ .shoutbox__message-item--old),.shoutbox--latest-messages-bottom .shoutbox__message-item--new ~ .shoutbox__message-item,.shoutbox--latest-messages-top .shoutbox__message-item:has(~ .shoutbox__message-item--new),.shoutbox--latest-messages-top .shoutbox__message-item--old ~ .shoutbox__message-item{background-color:transparent;animation:fadeInOutMessage 6s ease-in-out 1}.shoutbox--latest-messages-bottom .shoutbox__message-item--old:after{content:var(--shoutbox-pointer-up) ' ' var(--shoutbox-old-messages-loaded);bottom:-35px}.shoutbox--latest-messages-top .shoutbox__message-item--old:before{content:var(--shoutbox-pointer-down) ' ' var(--shoutbox-old-messages-loaded);top:-22px}.shoutbox--latest-messages-bottom .shoutbox__message-item--new:before{content:var(--shoutbox-pointer-down) ' ' var(--shoutbox-new-messages-loaded);top:-22px}.shoutbox--latest-messages-top .shoutbox__message-item--new:after{content:var(--shoutbox-pointer-up) ' ' var(--shoutbox-new-messages-loaded);bottom:-35px}@keyframes fadeInOutMarker{0%{opacity:0;box-shadow:0 0 5px rgba(0,0,0,0)}20%{opacity:1;box-shadow:0 0 5px rgba(0,0,0,0.5)}80%{opacity:1;box-shadow:0 0 5px rgba(0,0,0,0.2)}100%{opacity:0;box-shadow:0 0 5px rgba(0,0,0,0)}}@keyframes fadeInOutMessage{0%{background-color:#ffffe0}20%{background-color:#fefcbf}60%{background-color:#fafad2}100%{background-color:transparent}}.shoutbox__body{display:flex;flex-direction:column;flex-grow:1;max-width:calc(100% - var(--shoutbox-avatar-width) - var(--shoutbox-avatar-gap))}.shoutbox__toolbar-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin-right:5px;font-weight:bold;border-radius:4px;border:1px solid #b7b7b7;background:#f1f1f1;cursor:pointer;font-size:1.4rem}.shoutbox__toolbar-btn:hover{background:#e6e6e6}.shoutbox__toolbar{display:flex;position:relative}.shoutbox__toolbar--top{margin-top:10px}.shoutbox__toolbar--bottom{margin-bottom:10px}.shoutbox__toolbar-btn--italic{font-family:monospace;font-size:1.7rem}.shoutbox__toolbar-btn--quote{font-family:Times;font-weight:bold;font-size:3.2rem;align-items:normal}.shoutbox__toolbar-btn--emoji{font-size:1.3rem}.shoutbox__smiley-picker{box-sizing:border-box;position:absolute;left:0;top:29px;z-index:1;background:#fff;width:380px;max-width:100vw;border:1px solid #ccc;padding:5px;max-height:200px;overflow:auto;box-shadow:3px 3px 5px rgba(0,0,0,0.2)}.shoutbox__smiley-picker .b-smilie-list{display:flex;flex-wrap:wrap;margin:4px;justify-content:space-between}.shoutbox__smiley-picker .b-smilie__container{display:flex;flex-direction:column;margin:0}.shoutbox__smiley-picker .b-smilie__category{border:1px solid #ddd}.shoutbox__smiley-picker .b-smilie__category:not(:first-child){margin-top:10px}.shoutbox__smiley-picker .b-smilie__category-title{background:#eee;padding:2px 6px}.shoutbox__smiley-picker .b-smilie__button{max-width:30px;max-height:30px;margin:5px;background:none;border:0;padding:0;cursor:pointer}.shoutbox__smiley-picker .b-smilie__button img{display:block}.shoutbox__message-text{background:#eee;padding:10px;border-radius:5px;word-break:break-word;width:fit-content;max-width:100%}.shoutbox__message-text .videocontainer{width:480px;max-width:100%}.shoutbox__message-text img[smilieid]{max-width:20px;vertical-align:middle}.shoutbox__message-text .bbcode_container{margin:3px 0}.shoutbox__message-text .b-bbcode__url--preview,.shoutbox__message-text .bbcode_quote{background:#fff;border-radius:5px;margin:0}.shoutbox__message-text:has(.b-bbcode__url--preview){box-sizing:border-box;width:100%}.shoutbox__message-text .bbcode_quote .b-bbcode__url--preview{padding:0}.shoutbox__paper-plane-icon{background:transparent url(images/paper-plane-icon.svg) no-repeat center;width:20px;height:20px;display:inline-block;background-size:contain;transform:scale(2)}.shoutbox__message-item:last-child{border-bottom:0}.shoutbox__form{display:flex}.shoutbox__form--messagebox-top{margin-bottom:3px}.shoutbox-widget:not(.shoutbox-widget--vb5) .shoutbox__form--messagebox-top{margin-top:var(--widget-h-padding,16px)}.shoutbox__form--messagebox-bottom{margin-top:3px}.shoutbox__form.shoutbox__form--busy{cursor:'wait'}.shoutbox__message{box-sizing:border-box;font-size:1.33333rem;flex-grow:1;padding:2px 6px;margin-right:5px;resize:vertical;line-height:var(--shoutbox-message-line-height);min-height:calc(var(--shoutbox-message-line-height) * 2)}.shoutbox__actionBtns{position:absolute;right:5px;top:5px;display:flex;flex-wrap:nowrap}.shoutbox__quote{background:#fff;border:0;font:bold 3rem/1 Times;width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding-top:9px;color:#ccc;cursor:pointer;border-radius:50%}.shoutbox__quote:hover,.shoutbox__quote:active,.shoutbox__quote:focus{color:#000}.shoutbox__delete{background:#fff;border:1px solid #bbb;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:#bbb;cursor:pointer;font:bold 1.2rem/1 Arial;margin-left:8px}.shoutbox__delete:hover,.shoutbox__delete:active,.shoutbox__delete:focus{border-color:#000;color:#000}.shoutbox__send-btn{font-size:2rem !important;min-width:0;padding-left:1.3rem !important;padding-right:1.3rem !important;margin:0 !important;display:flex;align-items:center;justify-content:center}.shoutbox__send-btn[disabled],.shoutbox__send-btn[disabled]:hover{background:#b7b7b7}.shoutbox__help-btn{background:#fff;border:1px solid #b5b3b5;border-radius:50%;margin-right:5px;width:14px;height:14px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#777;font-weight:bold;cursor:pointer}.shoutbox__help-body{max-height:min(500px,60vh);overflow:auto}.shoutbox__help-body p,.shoutbox__help-body pre{font-size:1.2rem}.shoutbox__shortcuts{background:#eee;padding:10px;border-radius:5px;max-width:fit-content}.shoutbox__emoji-picker{left:0 !important;top:29px !important;transform:none !important;width:350px;max-width:100vw;z-index:1;box-shadow:3px 3px 5px rgba(0,0,0,0.2)}.shoutbox__emoji-picker--top,.shoutbox__smiley-picker--top{top:auto !important;bottom:30px !important;box-shadow:3px -3px 5px rgba(0,0,0,0.2)}.shoutbox__emoji-flag{font-family:"Twemoji Mozilla","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji","EmojiOne Color","Android Emoji",sans-serif;font-size:2rem;vertical-align:middle;line-height:1}.shoutbox__emoji-picker emoji-picker{--emoji-size:2rem;width:100%}.shoutbox__suggested-users-label{display:block;margin:15px 0 10px}.shoutbox__user-mention-dialog .shoutbox__suggested-users{width:100%;max-width:100%;cursor:pointer;margin-top:5px}.shoutbox__insert-img-dialog.dialog-container.prompt-dialog-container.dialog-box .dialog-content .input-box,.shoutbox__user-mention-dialog.dialog-container.prompt-dialog-container.dialog-box .dialog-content .input-box{width:100%;box-sizing:border-box}.shoutbox__insert-img-dialog .dialog-content + .error,.shoutbox__user-mention-dialog .dialog-content + .error{margin-bottom:10px}