: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}.canvas-layout-container .canvas-widget.shoutbox-widget{background:#fff}.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{width:8px}.shoutbox::-webkit-scrollbar-horizontal{height:8px}.shoutbox::-webkit-scrollbar-track{box-shadow:inset 0 0 4px rgba(0,0,0,0.2);border-radius:6px}.shoutbox::-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{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)}.shoutbox__message-item{border-bottom:1px solid #ddd;padding:10px 5px;display:flex;flex-direction:row;align-items:self-start}.shoutbox__message-item--old,.shoutbox__message-item--new,.shoutbox--newMarker{position:relative}.shoutbox__message-item--old:after,.shoutbox__message-item--new:before,.shoutbox--newMarker: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__message-item:has(~ .shoutbox__message-item--old),.shoutbox__message-item--new ~ .shoutbox__message-item{background-color:transparent;animation:fadeInOutMessage 6s ease-in-out 1}.shoutbox__message-item--old:after{content:"\261D\00A0Older messages loaded.";bottom:-35px}.shoutbox__message-item--new:before,.shoutbox--newMarker:after{content:"\1F447\00A0Newer messages loaded.";top:-22px}.shoutbox--newMarker:after{position:sticky;top:auto;bottom:0;left:100%}@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}.shoutbox__message-text{background:#eee;padding:10px;border-radius:5px;white-space:pre-wrap;word-break:break-word;width:fit-content}.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;margin-top:10px}.shoutbox__form.shoutbox__form--busy{cursor:'wait'}.shoutbox__message{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__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}