pre.code-box {
    margin: 0;
    padding: 2rem;
    border-radius: 1rem;
    display: table;
    border-spacing: 0.33rem;

    &[data-variant="intellisense"] {
        padding: 1rem 2rem 1rem 1rem;
    }

    div.token-line {
        display: table-row;

        div.token-line-number {
            display: table-cell;
            text-align: right;
            padding-right: 1.5em;
            user-select: none;
            opacity: 0.25;
        }

        div.token-line-icon {
            display: table-cell;
            padding-right: 0.33em;
            position: relative;
            top: 4px;

            i {
                color: var(--fyr-color-primary);
                line-height: 0;
            }
        }

        div.token-line-content {
            display: table-cell;
        }
    }
}