:where(.bccn){--bccn-primary:#4a72b4;--bccn-attention:#c44039;--bccn-surface-2:#f8fafc;--bccn-ink:#111928;--bccn-ink-2:#374151;--bccn-muted:#9ca3af;--bccn-stroke:#d9d9d9;--bccn-stroke-2:#eef1f6;--bccn-danger:#aa0808}.bccn,.bccn *{box-sizing:border-box}.bccn button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:0}.bccn-count,.bccn-ping{border-radius:9999px;height:20px;position:absolute;top:-6px;right:-6px}.bccn-count{background:var(--bccn-primary);color:#fff;justify-content:center;align-items:center;min-width:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 0 0 1px #fff}.bccn-ping{background:var(--bccn-attention);width:20px}@media (prefers-reduced-motion:no-preference){.bccn-ping{animation:1s cubic-bezier(0,0,.2,1) infinite bccn-ping}}@keyframes bccn-ping{75%,to{opacity:0;transform:scale(2)}}.bccn-panel{text-align:start;outline:none;line-height:1.5}.bccn-panel__head{border-bottom:1px solid var(--bccn-stroke);padding:14px 16px 12px}.bccn-panel__title{color:var(--bccn-ink);font-size:14px;font-weight:700;line-height:20px}.bccn-panel__note{text-align:center;color:var(--bccn-ink-2);padding:28px 16px;font-size:13px}.bccn-panel__error{border-bottom:1px solid var(--bccn-stroke-2);color:var(--bccn-danger);padding:12px 16px;font-size:13px}.bccn-panel__list{max-height:360px;margin:0;padding:0;list-style:none;overflow-y:auto}.bccn-panel__more{border-top:1px solid var(--bccn-stroke)}.bccn-panel__more a{text-align:center;width:100%;color:var(--bccn-primary);padding:10px 16px;font-size:12px;font-weight:600;line-height:16px;text-decoration:none;display:block}.bccn-panel__more a:hover{background:var(--bccn-surface-2)}.bccn .bccn-row{border-bottom:1px solid var(--bccn-stroke-2);text-align:start;align-items:flex-start;gap:10px;width:100%;padding:12px 16px;display:flex}.bccn .bccn-row:hover{background:var(--bccn-surface-2)}.bccn .bccn-row:focus-visible{outline:2px solid var(--bccn-primary);outline-offset:-2px}.bccn-row__main{flex:1;min-width:0}.bccn-row__name,.bccn-row__company{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.bccn-row__name{color:var(--bccn-ink);font-size:13px;font-weight:700}.bccn-row__company{color:var(--bccn-ink-2);margin-top:2px;font-size:12px;line-height:16px}.bccn-unknown{font-style:italic}.bccn-row__preview{-webkit-line-clamp:2;color:var(--bccn-ink-2);-webkit-box-orient:vertical;margin-top:4px;font-size:12px;line-height:16px;display:-webkit-box;overflow:hidden}.bccn-row__side{text-align:end;flex-shrink:0;padding-inline-start:4px}.bccn-row__ago,.bccn-row__clock,.bccn-row__status{display:block}.bccn-row__ago{color:var(--bccn-ink-2);font-size:12px;line-height:16px}.bccn-row__clock{color:var(--bccn-muted);margin-top:2px;font-size:11px}.bccn-row__status{color:var(--bccn-primary);margin-top:4px;font-size:11px;font-weight:600}.bccn-row__status--waiting{color:var(--bccn-attention)}.bccn-toast{width:var(--width,356px);line-height:1.5;position:relative}@media (prefers-reduced-motion:no-preference){.bccn-toast{animation:.52s cubic-bezier(.3,0,.2,1) both bccn-toast-slam}}@keyframes bccn-toast-slam{0%{opacity:0;transform:scale(3)}45%{opacity:1;transform:scale(.94)}65%{transform:scale(1.05)}82%{transform:scale(.985)}to{opacity:1;transform:scale(1)}}.bccn .bccn-toast__card{background-color:var(--bccn-primary);color:#fff;text-align:start;background-image:linear-gradient(to bottom right,#ffffff26,#0000001a);border-radius:8px;width:100%;padding-block:12px;padding-inline:16px 40px;display:block;position:relative;box-shadow:0 12px 32px -6px #0f172a73}.bccn .bccn-toast__card--waiting{background-color:var(--bccn-attention);box-shadow:0 12px 32px -6px #c440398c}.bccn .bccn-toast__card:hover{filter:brightness(1.1)}.bccn .bccn-toast__card:focus-visible{outline:2px solid var(--bccn-primary);outline-offset:2px}.bccn .bccn-toast__card--waiting:focus-visible{outline-color:var(--bccn-attention)}.bccn-toast__content{align-items:flex-start;gap:10px;display:flex}.bccn-toast__mark{flex-shrink:0;margin-top:2px}.bccn-toast__text{flex:1;min-width:0}.bccn-toast__name,.bccn-toast__company{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.bccn-toast__name{font-size:13px;font-weight:700}.bccn-toast__company{color:#fffc;margin-top:2px;font-size:12px;line-height:16px}.bccn-toast__body{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:12px;line-height:16px;display:-webkit-box;overflow:hidden}.bccn .bccn-toast__close{top:6px;color:#fffc;border-radius:9999px;padding:4px;display:inline-flex;position:absolute;inset-inline-end:6px}.bccn .bccn-toast__close:hover{color:#fff;background:#ffffff26}.bccn .bccn-toast__close:focus-visible{outline:2px solid #fff}
