body{background-color:#fff}#wrapper{padding:0;margin:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden}main{padding:15px;flex:1 1 auto}

body{background-color:#fff}#wrapper{padding:0;margin:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden}main{padding:15px;flex:1 1 auto}
.event-feed{flex:1 1 min-content;border:solid 1px #c5c5c5;padding:10px;overflow-x:hidden;overflow-y:scroll;max-height:40vh;position:relative}@media only screen and (orientation: landscape){.event-feed{max-height:70vh}}.event-feed>.event{position:relative;padding:10px;margin:8px;animation:show-event-animation 3s ease-in 0s}.event-feed>.event>.toggle-source-button{right:1vmin;top:1vmin;position:absolute}.event-feed>.event>pre{white-space:pre-wrap}.event-feed>.event:nth-child(2n+1){background-color:#f8f8f8}.event-feed>.event>.event-timestamp{color:#888;display:inline-block;padding:2px;border:solid 1px #c5c5c5;margin:0 8px 0 0}.event-feed>.event>.event-name{font-weight:bold;display:inline-block;padding:2px;margin:0 8px 0 0}.event-feed>.event>.rest-params,.event-feed>.event>.data,.event-feed>.event>.remote-address{position:relative;display:block;color:#000056;white-space:pre;font-family:monospace;padding:6px 0 26px 44px}.event-feed>.event>.rest-params:last-child,.event-feed>.event>.data:last-child,.event-feed>.event>.remote-address:last-child{padding-bottom:6px}.event-feed>.event>.rest-params:before,.event-feed>.event>.data:before,.event-feed>.event>.remote-address:before{position:absolute;display:inline-block;padding:2px;left:0;top:4px;color:blue;background-color:#eaeaea}.event-feed>.event>.rest-params:before{content:"rest"}.event-feed>.event>.data:before{content:"data"}.event-feed>.event>.remote-address:before{content:"ip"}@keyframes show-event-animation{from{box-shadow:0 0 8px red}to{box-shadow:0 0 8px transparent}}.sticky-button{position:sticky;display:flex;flex-direction:row;justify-content:flex-end;padding:1vmin 0;right:0;top:0;z-index:1;margin:0 0 -72px 0;pointer-events:none}.sticky-button>.fab{right:72px;pointer-events:auto}
.player-subscription{display:flex;flex-direction:column}
.engine-subscription{display:flex;flex-direction:column}
.dashboard-page{width:100%;height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;grid-gap:1vmin;justify-content:space-between;align-content:space-between}@media only screen and (orientation: landscape){.dashboard-page{grid-template-columns:1fr 1fr;grid-template-rows:1fr}}
body,html{padding:0;margin:0;width:100%;height:100%;font-family:Roboto,sans-serif}#root{padding:0;margin:0;width:100%;height:100%}