:host {
    display: inline;
}

/* Display math owns its own line and scrolls sideways rather than widening
   the chat bubble, the same treatment tables get. */
:host([display='true']) {
    display: block;
    margin: 10px 0;
    overflow-x: auto;
    overflow-y: hidden;
    text-align: center;
}

.biel-math--display {
    display: block;
}

/* The TeX source, shown until MathJax has converted it. */
.biel-math__source {
    font-family: var(--biel-code-font-family, ui-monospace, SFMono-Regular, Menlo, monospace);
    font-size: 0.95em;
    opacity: 0.75;
    white-space: nowrap;
}

.biel-math__source--hidden {
    display: none;
}

.biel-math__output--empty {
    display: none;
}

/* MathJax sizes its container from the surrounding font, and its own
   stylesheet is copied into this shadow root at render time. */
.biel-math__output mjx-container {
    max-width: 100%;
}

.biel-math__output mjx-container[display='true'],
.biel-math__output mjx-container[jax][display='true'] {
    margin: 0;
}

.biel-math__output svg {
    max-width: 100%;
}

:host([display='true']) .biel-math__output::-webkit-scrollbar {
    height: 8px;
}