body { margin: 36px; } textarea { font-family: monospace; } .message { height: 20px; background: #eee; padding: 5px; } .disappear { display: none; } .bd-callout { padding: 1.25rem; margin-top: 1.25rem; margin-bottom: 1.25rem; color: var(--bd-callout-color, inherit); background-color: var(--bd-callout-bg, var(--bs-gray-100)); border-left: 0.25rem solid var(--bd-callout-border, var(--bs-gray-300)) } .bd-callout h4 { margin-bottom: .25rem } .bd-callout code { font-size: var(--bs-body-font-size); } .bd-callout>:last-child { margin-bottom: 0 } .bd-callout+.bd-callout { margin-top: -.25rem } .bd-callout .highlight { background-color: rgba(0,0,0,0.05) } .bd-callout-info { --bd-callout-color: var(--bs-info-text-emphasis); --bd-callout-border: var(--bs-info-border-subtle) } .bd-callout-warning { --bd-callout-color: var(--bs-warning-text-emphasis); --bd-callout-bg: var(--bs-warning-bg-subtle); --bd-callout-border: var(--bs-warning-border-subtle) } .bd-callout-danger { --bd-callout-color: var(--bs-danger-text-emphasis); --bd-callout-bg: var(--bs-danger-bg-subtle); --bd-callout-border: var(--bs-danger-border-subtle) }