.PlaygroundPage{font-family:sans-serif;width:100%;display:flex;flex-direction:column;height:100%;padding:16px}.PlaygroundPage h1,.PlaygroundPage h2{margin:0;font-weight:400;color:#595959}.PlaygroundPage h1{font-size:1.5rem;margin-bottom:8px}.PlaygroundPage h2{padding:8px;font-size:1.2rem;background-color:#f5f5f5}.PlaygroundPage .error{color:red;min-height:30px;padding-top:4px}.PlaygroundPage .editor-column{flex-basis:33.33%}.PlaygroundPage .editor{border:1px solid rgb(221,221,221)}.PlaygroundPage .error-viewer-container{flex-grow:1;display:flex;flex-direction:column}.PlaygroundPage .error-viewer{flex-grow:1;flex-basis:0;overflow:hidden}.PlaygroundPage .tag{display:inline-block;border-radius:8px;background-color:#dedede;padding:4px 8px;vertical-align:middle;font-size:.9rem}.ButtonLink{background-color:#18263f;color:#fff;text-decoration:none;padding:14px 16px;border-radius:8px;font-size:large;display:flex;align-items:center;gap:8px;outline-offset:2px;margin-top:8px}.ButtonLink:hover{background-color:#374969}.ButtonLink:focus{background-color:#374969}.Layout{height:100%;display:flex;flex-direction:column}.Layout main{flex-grow:1;flex-basis:0}.Layout nav{background-color:#f7f9fc;flex-grow:0;display:flex;border-bottom:1px solid rgb(220,220,220)}.Layout nav ul{list-style-type:none;margin:0;padding:0;display:flex}.Layout nav li{height:100%}.Layout nav a{padding:16px;display:flex;align-items:center;text-decoration:none;color:#595959;transition:all .1s}.Layout nav a:hover{background-color:#e7e7e7}.Layout nav a:focus{background-color:#e7e7e7}.Layout nav a:active{background-color:#ddd}.Layout nav a[aria-current=page]{background-color:#ddd}html,body{height:100%;padding:0;margin:0;font-family:sans-serif}#root{height:100%}*{box-sizing:border-box}