.callout{border:1px solid #000;border-radius:12px;width:100%;min-height:2rem;padding:.7rem .9rem;display:flex}.callout__icon{flex-shrink:0;flex-basis:auto;width:1em;margin-right:.7rem;padding-top:.1rem}.callout+.callout{margin-top:1rem}.callout--warning{background-color:#fdf2f4;border-color:#d82243}.callout--warning svg .b-fill{fill:#d82243!important}.callout--info{background-color:#fff9e5;border-color:#976502}.callout--info svg .b-fill{fill:#976502!important}.callout--info svg .b-stroke{stroke:#976502!important}.callout--hint{background-color:#f4fbf9;border-color:#41b297}.callout--hint .b-fill{fill:#2d7b69!important}