.info {
    margin: 20px;
    padding: 0 20px;
    border-inline-start: 2px solid var(--links);
}

.info:before {
    position: absolute;
    width: 3rem;
    height: 3rem;
    margin-inline-start: calc(-1.5rem - 21px);
    content: "ⓘ";
    text-align: center;
    background-color: var(--bg);
    color: var(--links);
    font-weight: bold;
    font-size: 2rem;
}

/*
  Make prompts unselectable in console sections.
  This relies on highlight.js applying certain classes on the prompts.
  For more details, see https://highlightjs.readthedocs.io/en/latest/css-classes-reference.html#stylable-scopes
*/
.hljs-meta.prompt_ {
    user-select: none;
    -webkit-user-select: none;
}