.app-header h1{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:var(--size-40)}.app-header h1 .app-logo{width:200px}main{margin:auto;max-width:800px}.fixed-top{width:100%;position:fixed;top:0;left:0;z-index:10000}.console{padding:var(--size-20);display:flex;flex-direction:column}.console .sticky-bottom{position:sticky;bottom:0}.clipboard-message{font-size:small;font-style:italic;color:var(--color-dark-gray)}.response-box{display:flex;flex-direction:column;gap:var(--size-20)}.response-box span{border-radius:var(--size-10);padding:var(--size-10)}.response-box span.query{background-color:var(--color-light-gray);text-align:right}.response-box span.response{text-align:left}.tool-button{width:40px;display:flex;flex-direction:column;align-items:center;gap:var(--size-5)}.tool-button button{border:1px solid var(--color-mid-gray);padding:0;width:40px;height:40px;overflow:hidden;display:flex;align-items:center;justify-content:center}.tool-button .label{font-size:10px;font-style:italic}.tool-button .icon{display:block;width:20px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:center}.tool-button .icon.clipboard{background-image:url(../icon-clipboard.svg)}.tool-button .icon.go{background-image:url(../icon-arrow-right.svg)}.tool-button .icon.search{background-image:url(../icon-search.svg)}.row{padding:var(--size-10) 0;display:flex;align-items:center;gap:var(--size-5)}.row.start{justify-content:flex-start}.row.center{justify-content:center}.row.end{justify-content:flex-end}.notification-banner{padding:var(--size-10);display:flex;justify-content:center;opacity:.5}.notification-banner .container{width:80%;max-width:1280px;display:flex;align-items:center;gap:var(--size-10)}.notification-banner .container .text{flex:0 0 100%}.notification-banner .container .close-button{border-radius:var(--size-10);flex:0 0 var(--size-40);height:var(--size-40);display:flex;align-items:center;justify-content:center;background-color:var(--color-white);color:var(--color-dark-gray);cursor:pointer}.notification-banner.info{background-color:var(--color-info);color:var(--color-white)}.notification-banner.success{background-color:var(--color-success)}.notification-banner.warning{background-color:var(--color-warning)}.notification-banner.error{background-color:var(--color-error);color:var(--color-white)}#root{margin:0 auto;padding:2rem;width:100%;text-align:center}.bg-white{background-color:var(--color-white)}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;box-sizing:border-box;color-scheme:light dark;color:#ffffffde;background-color:var(--color-white);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary: #646cff;--color-secondary: #535bf2;--color-white: #ffffff;--color-light-gray: #f3f3f3;--color-mid-gray: #aaaaaa;--color-dark-gray: #333333;--color-info: #77ccff;--color-success: #ccff77;--color-warning: #ffcc33;--color-error: #ff7733;--size-5: 5px;--size-10: 10px;--size-20: 20px;--size-40: 40px;--size-100: 100px}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-secondary)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}input,select,textarea{border-radius:var(--size-10);padding:var(--size-10);box-sizing:border-box;width:100%;max-width:100%}textarea{min-height:var(--size-100);font-size:var(--size-20)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-dark-gray);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--color-primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button[disabled]{opacity:.5;cursor:not-allowed}@media (prefers-color-scheme: light){:root{color:var(--color-dark-gray);background-color:var(--color-white)}a:hover{color:var(--color-primary)}button{background-color:var(--color-light-gray)}}