html{color:#6a6a6a;background-color:#fafafa;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif;font-size:12px;line-height:1.25}body{flex-direction:column;height:100vh;margin:0;display:flex}label{margin:10px 0;font-family:Consolas,Courier New,Courier,monospace}#root,.playground-container{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}header{color:#e0e0e0;z-index:20;background-color:#1a2b34;flex-wrap:nowrap;justify-content:space-between;align-items:center;height:30px;padding:11px 27px;display:flex;position:relative}header a,header a:visited,header a:focus,header a:active,header a:hover{color:#fff;text-decoration:none}.logo-wrapper{align-items:center;display:flex}.logo{height:34px;margin-right:10px}header h1{z-index:9999;margin:0;font-family:inherit;font-size:20px;font-weight:400;line-height:18px;display:block;position:relative}#version{opacity:.5;font-size:.5em;line-height:0}.editors-container{flex:1;min-height:0;display:flex}.options{border-right:1px solid #ddd}.hide{display:none}.panels{width:100%;height:100%;display:grid}.panels-third{grid-template-columns:16% 47% 47%}.panels-half{grid-template-columns:50% 50%}.panels label{margin-right:5px}.bottom-bar{border-top:1px solid #ddd;position:relative}.bottom-bar-buttons{z-index:10;float:left;padding:8px;display:flex}.bottom-bar-buttons>*+*{margin-left:9px}.btn{box-sizing:content-box;color:#24292e;cursor:pointer;background-image:linear-gradient(#fafbfc,#e4ebf0);border:1px solid #d1d2d3;border-radius:.25em;outline:none;height:18px;padding:0 5px;font-family:inherit;font-size:11px;font-weight:600;line-height:18px;text-decoration:none;display:inline-block;position:relative}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-container{z-index:1000;background-color:#fff;width:100%;height:100%;position:absolute}.loading-spinner{border:10px solid #f3f3f3;border-top-color:#383636;border-radius:50%;width:50px;height:50px;animation:1.5s linear infinite spinner;position:absolute;top:50%;left:50%}.formatted-editor{position:relative}.sub-options{border-bottom:1px solid #ddd;flex:1;padding:15px 0 10px}.sub-options>summary{cursor:pointer;padding-bottom:5px;font-size:14px;font-weight:700}.sub-options>*{margin-left:10px}.option-entry{margin:5px}.option-entry input[type=number]{max-width:60px}.tooltip{z-index:6;color:#fff;pointer-events:none;background-color:#000;border-radius:.4em;margin-top:4px;padding:.4em .8em;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tooltip:before{content:"";border:6px solid #0000;border-top-color:#000;border-bottom:none;position:absolute;top:100%;left:50%;transform:translate(-50%)}.copyright{float:right;padding-top:10px;padding-right:20px}.copyright a{text-decoration:none}.copyright a,.copyright a:visited{color:inherit}