#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.card{padding:2em;display:flex;gap:10px;justify-content:center}.read-the-docs{color:#888}form{display:flex;gap:10px}form input{flex:1;padding:.1em .5em}#terminal{position:fixed;left:0;bottom:0;width:100%;height:45%;z-index:100;overflow-y:scroll;padding:40px 50px 40px 45px;font-size:.8rem;border-radius:10px;box-shadow:0 16px 40px -5px #000;white-space:pre-wrap;background-color:#252b37}.pp-conversations{overflow-y:scroll;display:flex;flex-direction:column;gap:1.4rem;scrollbar-width:none;-ms-overflow-style:none}.pp-conversations::-webkit-scrollbar{display:none}.pp-conversations .balloon-item{align-items:flex-start;gap:10px;max-width:calc(100% - 50px)}.pp-conversations .balloon-item.reverse{flex-direction:row-reverse;align-self:flex-end}.pp-conversations .balloon-item.reverse .balloon{border-radius:12px 4px;background:#0e0f0f}.pp-conversations .balloon-item.reverse .avatar{margin-left:auto}.pp-conversations .balloon-item .balloon{padding:8px 12px;margin-top:3px;background-color:#0009;border-radius:4px 12px;overflow:hidden;color:#fff;font-size:14px;font-weight:400;line-height:18px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.pp-conversations .balloon-item .balloon p{margin-bottom:0;color:#fff;font-size:14px;line-height:normal}.pp-conversations .balloon-item .avatar{width:32px;height:32px;border-radius:8px;background-color:#237804;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem}.pp-conversations .balloon-item .avatar.bot{background-color:#262626}@media (orientation: portrait){.pp-conversations{padding-left:1.25em;padding-right:1.25em}.pp-conversations .balloon-item{max-width:calc(100% - 2em)}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}.d-flex{display:flex;gap:10px}