.nx-shoutbox-widget{--nx-shoutbox-bg:var(--nx-color-card-bg,var(--bs-card-bg,var(--bs-body-bg)));--nx-shoutbox-border:var(--nx-color-card-border,var(--bs-border-color));--nx-shoutbox-text:var(--nx-color-on-surface,var(--bs-body-color));--nx-shoutbox-muted:var(--nx-color-muted,var(--bs-secondary-color));--nx-shoutbox-accent:var(--nx-color-primary,var(--bs-primary));display:flex;width:100%;max-width:100%;flex-direction:column;overflow:hidden;border-color:var(--nx-shoutbox-border);background:var(--nx-shoutbox-bg);color:var(--nx-shoutbox-text)}
.nx-shoutbox-widget>.nx-height-head{flex:0 0 auto}.nx-shoutbox-widget>.nx-height-body{display:flex!important;min-height:0!important;flex:1 1 auto!important;flex-direction:column!important;gap:.75rem;overflow:hidden!important}
.nx-shoutbox-widget__messages{min-height:7rem;flex:1 1 auto;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.nx-shoutbox-widget__messages ol{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}
.nx-shoutbox-entry{display:grid;gap:.2rem;padding:.65rem;border:1px solid color-mix(in srgb,var(--nx-shoutbox-border) 75%,transparent);border-radius:var(--bs-border-radius);background:color-mix(in srgb,var(--nx-shoutbox-bg) 94%,var(--nx-shoutbox-text) 6%);overflow-wrap:anywhere}
.nx-shoutbox-entry__head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.nx-shoutbox-entry__head strong{color:var(--nx-shoutbox-accent)}.nx-shoutbox-entry__head time{color:var(--nx-shoutbox-muted);font-size:.75rem}
.nx-shoutbox-entry__message{line-height:1.45}.nx-shoutbox-widget__empty{margin:auto;padding:1rem;color:var(--nx-shoutbox-muted);text-align:center}
.nx-shoutbox-widget__form{display:grid;flex:0 0 auto;gap:.5rem}.nx-shoutbox-widget__form .form-control{border-color:var(--nx-shoutbox-border);background:var(--nx-shoutbox-bg);color:var(--nx-shoutbox-text);resize:vertical}
.nx-shoutbox-widget__form .form-control:focus-visible,.nx-shoutbox-widget__actions .btn:focus-visible,.nx-shoutbox-widget__captcha .btn:focus-visible{outline:3px solid color-mix(in srgb,var(--nx-shoutbox-accent) 55%,transparent);outline-offset:2px}
.nx-shoutbox-widget__actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.nx-shoutbox-widget__actions small{color:var(--nx-shoutbox-muted)}
.nx-shoutbox-widget__captcha{display:grid;gap:.75rem;overflow:auto}.nx-shoutbox-widget.nx-height-collapsed{height:var(--nx-widget-height)!important;min-height:var(--nx-widget-height)!important;max-height:var(--nx-widget-height)!important}
.nx-shoutbox-widget.nx-widget-compact>.nx-height-body{gap:.5rem;padding:.65rem!important}.nx-shoutbox-widget.nx-widget-compact .nx-shoutbox-entry{padding:.4rem;font-size:.85rem}
@media(max-width:575.98px){.nx-shoutbox-entry__head{align-items:flex-start;flex-direction:column;gap:.1rem}.nx-shoutbox-widget__actions{align-items:stretch;flex-direction:column}.nx-shoutbox-widget__actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.nx-shoutbox-widget *{scroll-behavior:auto!important;transition:none!important}}