@import "solarized-light.css";

html, body, #mount
{ height: 100%
; width: 100%
}

body
{ max-width: 90%
; margin: 0 auto
; padding: 0
}

.split-root
{ height: 100%
}

.split-splitter
{ width: 100%
; height: 100%
; background: #ccc
}

.split-pane
{ margin: 0
; padding: 0
}

.pane-content
{ margin: 0.5em
}

.split-pane:has(> .stack-view)
{ display: flex
; flex-direction: column-reverse
}

.stack-view
{ display: flex
; flex-direction: column-reverse
; align-content: flex-end
}

.stack-view > .stack-entry:nth-of-type(odd)
{ background: #0000007f
}

.stack-entry
{ display: flex
; flex-direction: row
; justify-content: space-between
}

.stack-entry-addr
{ align-self: flex-end
; opacity: 70%
}

.dump-view
{}

.heap-view
{}

.code-view
{ display: grid
}

.code-view.instr
{}

.code-view > .instr:nth-of-type(odd)
{ background: #0000007f
}