.sl-web-player.breadboard{overflow:hidden;font-family:Avenir,Helvetica,Arial,sans-serif;background:#f3f3f3}.sl-web-player.breadboard main{display:grid;grid-template-areas:"controls config" "controls state";grid-gap:.5em;padding:1em;height:100vh}.sl-web-player.breadboard section{background:#fff;border:1px solid #eee;padding:1em;border-radius:.25em;box-shadow:0 1px 2px 1px rgba(0,0,0,.05)}.sl-web-player.breadboard section h2{margin:0 0 .25em;border-bottom:1px solid #eee}.sl-web-player.breadboard section h3{color:#668;margin:.75em 0 .25em}.sl-web-player.breadboard section label{font-size:1em;margin-right:.5em}.sl-web-player.breadboard section button,.sl-web-player.breadboard section input{font-size:1em;vertical-align:middle}.sl-web-player.breadboard section div.column{display:flex;flex-flow:column}.sl-web-player.breadboard section.controls{grid-area:controls}.sl-web-player.breadboard section.config{grid-area:config;overflow:scroll;max-height:30vh}.sl-web-player.breadboard section.state{grid-area:state;overflow:scroll}.sl-web-player.breadboard code{display:block;white-space:pre;overflow-x:scroll;width:100%;max-width:100%;background:#f9f9f9;padding:.5em 1.5em;border-radius:.25em;font-size:.8em;box-shadow:inset 0 1px 4px 1px rgba(0,0,0,.05)}.sl-web-player.breadboard table{max-width:100vw;border-collapse:collapse}.sl-web-player.breadboard table td{padding:.1em .25em;vertical-align:top}.sl-web-player.breadboard table td:first-child{color:#999;white-space:nowrap;text-align:right;background:#fcfcfc}.sl-web-player.breadboard .config input{min-width:32em}.sl-web-player.breadboard .controls p{display:grid;margin:1em 0}.sl-web-player.breadboard .commands input[type=number]{width:5em;text-align:right}.sl-web-player.breadboard .thumbnail-canvas{display:none}.sl-web-player.breadboard .color-swatch{width:256px}.sl-web-player.breadboard .color-swatch label{color:#fff;margin:.5em}