.callout{width:100%;min-width:0;color:inherit;border-left:4px solid;border-radius:7px;align-items:flex-start;gap:14px;margin:8px 0;padding:16px 18px;display:flex}.bn-block-content[data-content-type=callout]{padding-block:0}.callout--info{background:#f0f6fb;border-color:#5b8db8}.callout--note{background:#fff9e8;border-color:#c79a2b}.callout--warning{background:#fff1f0;border-color:#cf5b4e}.callout--success{background:#eef8f1;border-color:#4f9b68}.callout-icon,.callout-variant-control{color:inherit;flex:none;margin-top:1px}.callout--info .callout-icon,.callout--info .callout-variant-control{color:#5b8db8}.callout--note .callout-icon,.callout--note .callout-variant-control{color:#a77d16}.callout--warning .callout-icon,.callout--warning .callout-variant-control{color:#cf5b4e}.callout--success .callout-icon,.callout--success .callout-variant-control{color:#4f9b68}.callout-icon svg,.callout-variant-control svg{width:22px;height:22px}.callout-content{overflow-wrap:anywhere;flex:1;min-width:0;line-height:1.6}.callout-content:empty:before{content:"Введите текст…";color:var(--muted-foreground,#6b7280);opacity:.65;pointer-events:none}.callout-variant-control{cursor:pointer;width:24px;height:24px;display:block;position:relative}.callout-variant-control select{cursor:pointer;opacity:0;width:100%;height:100%;position:absolute;inset:0}@media (prefers-color-scheme:dark){.callout--info{background:#5b8db81f}.callout--note{background:#c79a2b1f}.callout--warning{background:#cf5b4e1f}.callout--success{background:#4f9b681f}}@media (width<=600px){.callout{gap:12px;padding:14px 15px}}