* {
    box-sizing: border-box;
}

body {
    background: #353535;
    color: #eeeeee;
    user-select: none;
    cursor: default;

    font-size: 18px;
}

aside.dock {
    background: #464646;

    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;

    width: 300px;
    overflow: auto;

    padding: 20px;
}

#main {
    position: fixed;
    left: 300px;
    top: 0;
    right: 0;
    bottom: 0;

    overflow: auto;

    padding: 20px;
}

table {
    border-collapse: collapse;
}

th {
    border-bottom: 2px solid #dddddd;
    background: #2d2d2d;
    padding: 12px 12px;
}

td {
    border-bottom: 1px solid #dddddd;
    padding: 6px 12px;
}

code {
    user-select: text;
    cursor: text;
}

code.hex {
    position: relative;
}
code.hex .sep {
    display: inline-block;
    width: 0.5ch;
}
code.hex:after {
    content: "'";
    position: absolute;
}
code.hex.hex32:after {
    left: 5.75ch;
}
code.hex.hex64:after {
    left: 9.75ch;
}