.jjshoutbox{--shoutbox-red:#e16464;--shoutbox-green:#7be082;--shoutbox-output-bg-color:transparent;--shoutbox-output-border-color:#ff3c16;--shoutbox-output-border-width:1px;--shoutbox-user-state-online:var(--shoutbox-green);--shoutbox-user-state-offline:var(--shoutbox-green);--shoutbox-tooltip-bg-color:#333;--shoutbox-tooltip-color:#fff;--shoutbox-header-bg-color:#ddd;--shoutbox-header-color:#111;--shoutbox-date-color:#777;--shoutbox-delete-icon-color:var(--shoutbox-red);--shoutbox-edit-icon-color:#444;--shoutbox-reply-icon-color:#444;--shoutbox-history-icon-color:#444;--shoutbox-volume-icon-color:#444;--shoutbox-thumbs-icon-color:#444;--shoutbox-thumbs-count-color:#444;--shoutbox-message-color:currentcolor;--shoutbox-user-quote-bg-color:#eeeded;--shoutbox-guest-not-allowed-color:var(--shoutbox-red);--shoutbox-code-bg-color:#f6f8fa;--shoutbox-drag-border-color:#7cbbe2;--shoutbox-upload-placeholder-color:#7cbbe2;margin:auto;width:100%}.jjshoutbox img{display:inline;width:20px}.jjshoutbox svg{max-width:none}.jjshoutbox svg.jj-show{display:inline-block}.jjshoutbox svg.jj-hide{display:none}.jjshoutbox joomla-alert{min-width:auto}.jjshoutbox .jjshoutbox-audio{display:none}.jjshoutbox .avatar{position:relative}.jjshoutbox .avatar img{border-radius:50%;height:30px;margin-inline-end:5px;width:30px}.jjshoutbox .btn-group{margin-bottom:0}.jjshoutbox .modal-dialog-scrollable{height:450px}.jjshoutboxform{margin:0 auto}.jjshoutboxform img{max-width:none;width:20px}.jjshoutboxform textarea{resize:vertical}.jjshoutboxform .jj-colour-block{background:linear-gradient(135deg,#e16464 45%,#67e164 55%);border-radius:3px;display:inline-block;height:14px;vertical-align:middle;width:14px}.jjshoutboxform .jj-colour-picker{min-width:auto;width:95px}.jjshoutboxform .jj-colour-picker>li{height:18px;margin:3px;min-height:18px;padding:0;width:18px}.jjshoutboxform .jj-colour-picker a{border-radius:3px;display:inline-block;height:18px;padding:0;width:18px}.jjshoutboxform .dropdown-menu{padding:5px!important;text-align:center;white-space:normal}.jjshoutboxform .dropdown-menu li{display:inline-block;list-style:none;margin:2px;min-height:20px;padding:0}.jjshoutboxform .jj-math-output{margin-top:0;width:70px}.jjshoutboxform .btn-toolbar svg{vertical-align:middle}.jjshoutboxform .jj-noguest{color:var(--shoutbox-guest-not-allowed-color);font-weight:700}.jjshoutboxoutput{word-wrap:break-word;background-color:var(--shoutbox-output-bg-color);border:var(--shoutbox-output-border-width) solid var(--shoutbox-output-border-color);margin:.5em 0;overflow-y:auto;width:100%}.jjshoutboxoutput .shout-message{color:var(--shoutbox-message-color);font-size:.8em;margin:0;padding:5px;text-align:start}.jjshoutboxoutput .shout-message img{width:20px}.jjshoutboxoutput .shout-header{background-color:var(--shoutbox-header-bg-color);color:var(--shoutbox-header-color);font-size:.8rem;font-weight:700;height:auto;margin-top:.5rem;padding-inline-start:.25rem}.jjshoutboxoutput .shout-header .btn{align-items:center;display:inline-flex;margin-bottom:0}.jjshoutboxoutput pre{word-wrap:normal;background-color:var(--shoutbox-code-bg-color);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:85%;padding:5px}.jjshoutboxoutput pre>code{word-wrap:normal;background-color:transparent;display:inline;white-space:pre}.jjshoutboxoutput .jj-shout-date{color:var(--shoutbox-date-color);padding-inline-end:5px;text-align:end}.jjshoutboxoutput .jj-shout-date-text,.jjshoutboxoutput .jj-shout-edited{font-size:.7em}.jjshoutboxoutput .jj-shout-date-text{color:var(--shoutbox-date-color)}.jjshoutboxoutput .user-state{border-radius:50%;bottom:0;display:inline-block;height:8px;inset-inline-end:6px;position:absolute;width:8px}.jjshoutboxoutput .user-state.user-state.online{background:var(--shoutbox-user-state-online)}.jjshoutboxoutput .user-state.user-state.offline{background:var(--shoutbox-user-state-offline)}.jj-remove,.jj-shout-edit,.jj-shout-reply{align-items:center;display:inline-flex}.jj-quote{background-color:var(--shoutbox-user-quote-bg-color);display:inline-block;font-size:.9em;width:100%}.jj-shout-edit,.jj-shout-reply{margin-inline-end:5px}.jj-thumbs-up{font-size:.7em;position:relative}.jj-thumbs-up-count{color:var(--shoutbox-thumbs-count-color)}.jjshoutbox-actions{margin-bottom:.5rem;text-align:end}.jjshoutbox-actions a:active,.jjshoutbox-actions a:focus,.jjshoutbox-actions img:active,.jjshoutbox-actions img:focus{border:0;outline:0;text-decoration:none}.bbcode-form{max-height:250px}.bbcode-form p{font-weight:700}.bbcode-button img{vertical-align:middle}.jj-imageupload{position:relative}.jj-imageupload.jj-hover{border:2px dashed var(--shoutbox-drag-border-color)}.jj-imageupload.jj-hover .jj-placeholder{display:block}.jj-imageupload .jj-placeholder{color:var(--shoutbox-upload-placeholder-color);display:none;font-size:16px;font-weight:700;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:100%}.jj-toggle{overflow:hidden;transition:all .4s;transition-timing-function:ease-in}.jj-toggle.jj-hidden{border:0!important;margin-bottom:0!important;margin-top:0!important;max-height:0!important;min-height:0!important;padding-bottom:0!important;padding-top:0!important;transition-timing-function:ease-out}.jj-bold{font-weight:700!important}.jj-italic{font-style:italic!important}.jj-underline{text-decoration:underline!important}.jj-clearfix:before{content:"";display:table-cell}.jj-clearfix:after{clear:both;content:"";display:table}.jj-flex{display:flex}.jj-flex-middle{align-items:center}.jj-flex-right{justify-content:flex-end}.jj-flex-space-between{justify-content:space-between}