.bb-wrap{display:flex;align-items:center;gap:12px;box-sizing:border-box;width:100%;padding:9px 11px;background:var(--bb-bg);border:2px solid var(--bb-border);box-shadow:0 0 14px color-mix(in srgb,var(--bb-border) 55%,transparent);border-radius:var(--bb-radius);color:var(--bb-text);font:500 14px/1.35 system-ui,sans-serif}.bb-ticker{overflow:hidden;flex:1;min-width:0;white-space:nowrap}.bb-track{display:inline-flex;width:max-content;animation:bb-scroll var(--bb-duration) linear infinite}.bb-ticker:hover .bb-track{animation-play-state:paused}.bb-item{padding-right:4.5rem}.bb-item strong{color:var(--bb-name)}.bb-open-modal,.bb-form button{flex:none;border:0;border-radius:calc(var(--bb-radius) - 4px);padding:9px 13px;background:var(--bb-button);color:var(--bb-button-text);font:700 13px/1 system-ui,sans-serif;cursor:pointer}.bb-modal[hidden]{display:none}.bb-modal{position:fixed;z-index:999999;inset:0;display:grid;place-items:center;padding:16px;background:#000b}.bb-dialog{position:relative;width:min(100%,440px);border:2px solid var(--bb-border);border-radius:var(--bb-radius);box-shadow:0 0 25px var(--bb-border);background:var(--bb-bg);color:var(--bb-text);padding:28px}.bb-dialog h2{margin:0 0 18px}.bb-close{position:absolute;right:10px;top:5px;border:0;background:transparent;color:var(--bb-text);font-size:28px;cursor:pointer}.bb-form{display:grid;gap:12px}.bb-form label{display:grid;gap:5px}.bb-form input,.bb-form textarea{box-sizing:border-box;width:100%;border:1px solid var(--bb-border);border-radius:7px;background:#0004;color:var(--bb-text);padding:9px;font:inherit}.bb-form textarea{min-height:92px;resize:vertical}.bb-form small{color:var(--bb-text);opacity:.72}.bb-feedback{min-height:1.2em;margin:0}.bb-feedback.error{color:#ff8585}.bb-feedback.success{color:#9defa6}@keyframes bb-scroll{to{transform:translateX(-50%)}}@media(max-width:600px){.bb-wrap{align-items:stretch;flex-direction:column}.bb-open-modal{width:100%}.bb-ticker{width:100%}}

/* Extra specificity keeps the form legible when a theme has broad colour rules. */
body .bb-modal{background:rgba(0,0,0,.88)!important;color:#fff!important}
body .bb-modal .bb-dialog{background:#000!important;color:#fff!important;border-color:var(--bb-border)!important;box-shadow:0 0 28px var(--bb-border)!important}
body .bb-modal .bb-dialog h2,body .bb-modal .bb-dialog label,body .bb-modal .bb-dialog small,body .bb-modal .bb-close{color:#fff!important;opacity:1!important}
body .bb-modal .bb-form input,body .bb-modal .bb-form textarea{background:#050505!important;color:#fff!important;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;text-shadow:none!important;border:1px solid var(--bb-border)!important;opacity:1!important}
body .bb-modal .bb-form input::placeholder,body .bb-modal .bb-form textarea::placeholder{color:#cfcfcf!important;opacity:1!important}
body .bb-modal .bb-form button{background:var(--bb-button)!important;color:var(--bb-button-text)!important;opacity:1!important}