body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.main{background:linear-gradient(#24292a,#24292e) 50%,rgba(36,41,46,0)}.hero{padding:100px 10px 10px}.main>.container{display:grid;grid-template-columns:auto 360px;grid-template-areas:"demopanel controlpanel"}.demo-panel{grid-area:demopanel}.control-panel{grid-area:controlpanel}@media (max-width:900px){.main>.container{display:grid;grid-template-columns:auto;grid-template-rows:auto;grid-template-areas:"demopanel" "controlpanel"}}.primary-button{-webkit-text-decoration:none;background-color:#06f}.primary-button,.secondary-button{display:inline-block;margin:0;padding:12px 24px;font-size:16px;font-weight:500;font-family:inherit;line-height:inherit;text-align:center;text-decoration:none;color:#fff;border:0;border-radius:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.secondary-button{background-color:transparent;box-shadow:inset 0 0 0 1px #444d56}.primary-button:hover,.secondary-button:hover{opacity:.8}.empty-message{display:flex;align-items:center;justify-content:center}.css-68bi76{padding:24px 16px}.basic-input,.css-68bi76{background:linear-gradient(#24292a,#24292e) 50%,rgba(36,41,46,0);display:grid;grid-template-columns:auto 120px;align-items:center}.css-79elbk{position:relative}.css-1jo5a5k{position:absolute;top:0;bottom:0;left:16px;display:flex;align-items:center}.css-1j9w4jl{width:100%;margin:0;padding:16px 16px 16px 52px;font-size:inherit;line-height:1;font-family:inherit;color:inherit;background-color:#2f363d;background-color:var(--theme-ui-colors-background,#2f363d);box-shadow:0 1px 3px 0 rgb(0 0 0/10%),0 1px 2px 0 rgb(0 0 0/6%);border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;border-radius:6px}.simple-input{padding:16px}.button-container{padding:10px;display:flex;justify-content:center}.css-s700uk{display:inline-block;margin:0;font-weight:500;width:100px;height:50px;font-family:inherit;line-height:inherit;text-align:center;text-decoration:none;border:0;border-radius:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;color:#fff;background-color:transparent;box-shadow:inset 0 0 0 1px #444d56;padding:4px 8px;font-size:14px}.control-panel{padding:32px 16px}.widget-code-container{padding:10px;margin:0 16px}.widget-code-section>p{overflow-wrap:break-word}
/*# sourceMappingURL=main.74eec4e2.chunk.css.map */