.blob {
    border: var(--solid-border);
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;

    .title {
        border-bottom: var(--solid-border);
        padding: var(--gap);
        margin: 0;
        background-color: var(--bg-lighter);

        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: var(--gap);
    }

    &:first-child {
        margin: 0;
        padding: 0;
    }

    pre {
        margin: 0;
        background-color: var(--bg-darker);
        font-family: monospace;
        padding: var(--gap);
    }

    pre code {
        counter-reset: line;

        span {
            display: flex;
            max-width: 100%;
            overflow-wrap: anywhere;
            white-space: preserve;
            word-break: break-all;

            &:nth-child(odd) {
                background-color: var(--bg-col);
            }

            &::before {
                counter-increment: line;
                content: counter(line);
                display: inline-block;
                margin-right: var(--gap);
                color: var(--link-col);
                height: max-content;
                white-space: nowrap;
            }
        }
    }
}