figure .input{fill:#ffffe0}figure .output{fill:#90ee90}figure .transaction{fill:#eef}figure svg{max-width:100%;max-height:100%;overflow:hidden}.stack .item{background-color:#ffffe0;width:120px;border:2px solid #000;padding:10px;display:inline-block;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-animation:fadeIn 500ms;-moz-animation:fadeIn 500ms;animation:fadeIn 500ms}.stack .item:not(:first-child){border-left:none}.interpreter .controls{position:sticky;top:10px;z-index:5;background-color:rgba(255,255,255,.7)}@media only screen and (max-width:900px){.interpreter .controls{top:25px}figure svg{max-width:80%}}@media only screen and (max-width:600px){figure svg{max-width:100%}}.interpreter .controls input{float:right;margin-left:10px}.interpreter .input+li:not(.input){border-top:1px dashed silver}.stack{margin:10px;min-height:125px}@-moz-keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.stack:empty::before{content:"<empty stack>";color:grey;font-style:italic;height:62px;padding:5px;display:block}.stack .item:empty::before{content:"<empty>";color:silver;font-style:italic}.interpreter .current{background-color:#ffffe0}.interpreter .executed{background-color:#f5f5f5}.interpreter.correct .executed,.interpreter.correct .stack .item{background-color:#efe}.interpreter.invalid .executed,.interpreter.invalid .stack .item{background-color:#fee}.interpreter li code{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:top}