/* don't use colors.css and friends as the theme system is not set up when this is used */

.container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;

    /* this is an error, so we want it to stand out and always be readable regardless of what the site */
    /* embedding us looks like */
    background-color: #ff4c4c;
    color: white;

    box-sizing: border-box;
    padding: 8px;

    display: flex;
    flex-direction: column;
    gap: 12px;
}

.code {
    font-family: monospace;
}
.emphasis {
    text-decoration: underline;
    font-weight: bold;
}