.block {
    font-size:.8em;
    font-family: var(--font-family-mono);
    margin-bottom: 1em;
    flex-direction: row;

    > .line {
        width: 100%;
        display: flex;

        > .tx, > .rx {
            align-content: center;
            font-weight: bold;
            margin-right: .5rem;
        }
        > .tx {
            color:mediumpurple;
        }
        > .rx {
            color:goldenrod;
        }
        > .hex {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;

            span {
                padding: 0 0.2rem;
            }
            .hciCommand, .hciEvent {
                border: 1px solid thistle;
                background-color: thistle;
            }
            .length {
                background-color: orange;
                border:1px solid orange;
            }
            .event, .linkctrl {
                border: 1px solid cornflowerblue;
                background-color: cornflowerblue;
            }
            .padding {
                opacity: .5;
            }
            .data {
                border-top:1px solid orange;
                border-bottom:1px solid orange;

                &:first-of-type {
                    border-left: 1px solid orange;
                }

                &:last-of-type {
                    border-right: 1px solid orange;
                }
            }

            .aclEvent {
                border: 1px solid plum;
                background-color: plum;
            }
            .handle {
                border: 1px solid cornflowerblue;
                background-color: cornflowerblue;
            }
            .channel, .address, .pindata {
                background-color: lemonchiffon;
            }

            .wii-input-report {
                background-color: moccasin;
            }
            .wii-output-report {
                background-color: papayawhip;
            }
            .report {
                background-color: peachpuff;
            }
            .pinlength, .l2clength, .datalength {
                background-color: khaki;
            }
            .status, .extension {
                background-color: gold;
            }
            .memory {
                background-color: papayawhip;
                &:nth-child(even) {
                    background-color: peachpuff;
                }
            }

            .comment {
                color: #888;
                font-family: var(--font-family-mono);
            }
            @media (prefers-color-scheme: dark) {
                filter: invert(1) hue-rotate(90deg);
                color:#000;
            }
        }
    }
}