@layer settings{:root{--brand-primary: #081832;--brand-accent: #17ffac;--color-background: var(--brand-primary);--color-foreground: #fff;--color-disabled: #9ca3af;--color-placeholder: #9ca3af;--color-hover: #24fcb1ff}}@layer settings{:root{--font-primary: "JetBrains Mono";--font-size-base: 16px}}@layer generic{*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}:focus-visible{outline:2px solid currentcolor}body{line-height:1.5}img,picture,video,canvas,svg{display:block;max-inline-size:100%;height:auto}input,button,textarea,select{font:inherit;letter-spacing:inherit;word-spacing:inherit;color:currentcolor}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol,ul{list-style:none}:not([class]){h1&,h2&,h3&,h4&,h5&,h6&{margin-block:.75em;line-height:1.25;text-wrap:balance;letter-spacing:-.05ch}p&,ol&,ul&{margin-block:1em}ol&,ul&{padding-inline-start:1.5em;list-style:revert}li&{margin-block:.5em}}}@layer generic{html{scrollbar-color:var(--brand-accent) transparent;font-family:var(--font-primary),monospace}body{background:var(--color-background);color:var(--color-foreground)}.outer-wrapper{display:grid;grid-template-columns:minmax(1rem,1fr) minmax(0,62rem) minmax(1rem,1fr);grid-template-rows:auto 1fr;min-height:100vh;padding-block:2rem;place-items:center;position:relative;z-index:1;>*{grid-column:var(--main-grid-content-column, 2);width:var(--main-grid-content-width, 100%)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}@layer organisms{.blob-container{position:absolute;mix-blend-mode:lighten;margin:auto;inset:0;width:100%;height:120%;aspect-ratio:1 / 1;z-index:0;pointer-events:none}.blob{position:absolute;inset:0;filter:blur(25px);will-change:filter;transition:filter .36s cubic-bezier(.22,.61,.36,1);transform:translateZ(0);contain:paint}.blob.is-not-blurred{filter:blur(0)}@media (prefers-reduced-motion: reduce){.blob{transition:none}}}@layer atoms{.copy-button{position:absolute;top:8px;right:8px;background:var(--brand-primary);color:var(--brand-accent);font-size:12px;padding:4px 8px;border-radius:4px;border:none;cursor:pointer;transition:opacity .2s;opacity:.8}.copy-button:hover{opacity:1}}@layer atoms{.inline-code{background:#2e3440;color:#f5f5f5;padding:2px 4px;border-radius:4px;font-size:14px}}@layer atoms{.input-container{display:flex;justify-content:center;width:100%}.input-wrapper{position:relative;overflow:hidden;width:100%;cursor:pointer}.input-textarea{display:flex;height:3rem;width:100%;background-color:transparent;font-size:1rem;padding:.5rem 3.5rem .5rem 1rem;resize:none;border:none;border-bottom:1px solid rgb(255 255 255 / 30%);border-radius:0;color:inherit;caret-color:var(--brand-accent);&:placeholder-shown{padding-inline-end:1rem}}.input-textarea::placeholder{color:#ffffff7f;text-align:center}.input-textarea:focus-visible{outline:none}.input-textarea:disabled{cursor:not-allowed;opacity:.5}@media (width >= 48rem){.input-textarea{margin-top:0;height:4rem}}@media (width >= 64rem){.input-textarea{font-size:1.5rem}}.input-textarea.is-error{caret-color:var(--brand-accent, #ff4d4f)}.input-submit-btn{position:absolute;right:1rem;bottom:.625rem;transform:translateZ(0);cursor:pointer}.input-ghost-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;padding:.5rem 1rem;opacity:.8;font-size:.8em}.input-ghost-placeholder-text{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-arrow-icon{width:1rem;height:1rem}@media (width >= 64rem){.input-arrow-icon{width:1.5rem;height:1.5rem}}.input-underline{position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#fff}.input-underline.is-error{background-color:var(--brand-accent, #ff4d4f)}.input-loading-bar{position:absolute;left:0;bottom:0;width:25%;height:1px;background-image:linear-gradient(90deg,color-mix(in oklch,var(--brand-primary) 10%,transparent) 0%,var(--brand-primary) 50%,color-mix(in oklch,var(--brand-primary) 10%,transparent) 100%)}.input-loading-bar.is-hidden{display:none}.input-waiting-wave{position:absolute;left:0;bottom:0;width:25%;height:1px;background-image:linear-gradient(90deg,color-mix(in oklch,white 10%,transparent),color-mix(in oklch,white 50%,transparent),color-mix(in oklch,white 10%,transparent))}.input-waiting-wave.is-hidden{display:none}.input-message{position:absolute;bottom:.625rem;font-size:10px;line-height:1;animation:fade-in .2s ease-in both}@media (width >= 48rem){.input-message{bottom:1.25rem;font-size:.75rem}}@media (width >= 120rem){.input-message{bottom:2rem}}.input-message.is-error{color:var(--brand-accent, #ff4d4f)}.input-message.is-muted{color:#ffffff7f}@keyframes fade-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}}@layer atoms{.btn{display:inline-flex;align-items:center;justify-content:center;font-size:1rem;line-height:1.5rem;background:transparent;border:none;&:focus-visible{outline:2px solid transparent;outline-offset:2px}&:disabled{pointer-events:none;opacity:.5}}.btn--default{color:#081832;border-radius:.75rem}.btn--button{font-weight:500;color:#fff;&:hover{color:#ffffffb3}}.btn--light{justify-content:flex-start;color:#fff;background-color:transparent;text-decoration-line:none}.btn--link{text-decoration-line:underline;text-underline-offset:4px}.btn--icon{border-radius:.375rem;background-color:#ffffff1a}.btn--menu{position:relative;border-radius:0;color:#9ca3af;&:hover{color:#fff}}.btn--menu.is-placed{position:absolute;bottom:0;left:0;z-index:50}.btn--prompt{width:100%;justify-content:space-between;text-align:left;text-decoration-line:none}@media (min-width: 768px){.btn--prompt{width:fit-content;justify-content:flex-start}}.btn--size-default{height:2.5rem;padding:.5rem 1rem}.btn--size-link{height:fit-content;padding:0}.btn--size-icon{height:1.5rem;width:1.5rem}@media (min-width: 1024px){.btn--size-icon{height:2rem;width:2rem}}.btn--size-light{padding:.25rem 1rem}.btn--size-menu{width:7rem;height:7rem}.btn--size-prompt{height:fit-content;padding:.5rem 1rem}.btn__icon{margin-left:.5rem;width:1.25rem;height:1.25rem;min-width:1.25rem;min-height:1.25rem;color:var(--brand-accent);transition:color .3s}@media (min-width: 768px){.btn__icon{width:1.5rem;height:1.5rem}}@media (min-width: 1024px){.btn__icon{color:#4b5563}.is-group:hover .btn__icon{color:var(--brand-accent)}}}@layer molecules{.code-block{position:relative;margin:16px 0;font-size:14px;border-radius:8px;overflow:hidden}}@layer molecules{.qa-card{--card-height: 75vh;--fade-in-height: var(--card-height);--card-shadow-height: clamp(2rem, 6vh, 4rem);width:100%;height:var(--card-height);overflow:auto;scrollbar-width:none;animation:fade-in 1s ease-in-out;padding-inline-end:.5rem;position:relative;&:before,&:after{--fade-in-height: var(--card-shadow-height);content:"";display:block;height:var(--card-shadow-height);width:100%;position:absolute;background:linear-gradient(var(--qa-card-gradient-direction, to bottom),var(--brand-primary),transparent);pointer-events:none;mix-blend-mode:multiply;animation:fade-in 1s ease-in-out;animation-delay:2s;animation-fill-mode:both}&:before{top:0;left:0}&:after{--qa-card-gradient-direction: to top;bottom:0;left:0}}.conversation{height:var(--card-height);overflow:auto;scrollbar-width:none;padding-block:var(--card-shadow-height)}.qa-question{border:1px solid #fff3;border-radius:24px;padding:24px;font-size:var(--font-size-base);line-height:150%;color:#c8c8d5;display:block;width:fit-content;max-width:80%;overflow-wrap:anywhere;margin-inline:auto 0}.qa-answer{color:#fff;font-size:16px;text-align:justify;display:grid;grid-template-columns:30px 1fr;column-gap:23px;align-items:start;line-height:1.6;max-width:none;margin-top:1.5rem;min-height:65vh}.qa-avatar{object-fit:contain;flex-shrink:0;margin-top:10px}.qa-answer-content{min-width:0;padding-bottom:1.5rem}.qa-answer-animated{will-change:clip-path,opacity;contain:content;padding:0 6px}.qa-link{color:#fff;font-weight:400;text-decoration:underline;transition:color .2s;&:hover{color:var(--brand-accent)}}@keyframes fade-in{0%{opacity:0;height:0;transform:translateY(10px)}to{opacity:1;height:var(--fade-in-height);transform:translateY(0)}}}@layer molecules{@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.section{animation:none!important}}.section{display:flex;width:100%;justify-content:center;align-items:center;font-size:1.5rem;line-height:2rem;flex-direction:column;height:100%;animation:fade-in .3s ease-out both}@media (min-width: 1024px){.section{width:60rem}}.section.content{padding-top:8rem}@media (min-width: 768px){.section.content{padding-top:12rem}}@media (min-width: 1536px){.section.content{padding-top:15rem}}@media (min-width: 1920px){.section.content{padding-top:20rem}}.form-container{display:flex;width:100%;position:relative}}@layer organisms{.documentation-chat{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%}}@layer organisms{.brand-header{--main-grid-content-column: 1 / 4;width:100%;place-items:center;display:grid;grid-template-columns:minmax(min-content,1fr) 1fr minmax(max-content,1fr);column-gap:1rem;padding-inline:1rem}.logo{height:50px;width:auto;cursor:pointer}.logo-button{background:transparent;border:none;grid-column:var(--logo-column, span 2);@media screen and (width >= 40em){--logo-column: 2}}.logout-button{justify-self:end;display:flex;align-items:center;grid-column:3;gap:.5rem;font-weight:600;font-size:1rem;background:transparent;border:none;color:inherit;cursor:pointer;transition:color .3s ease;@media screen and (width >= 40em){padding-right:5rem}}.logout-icon{display:inline-block;transition:all .3s ease;color:#fff;opacity:30%;width:1.5rem;height:1.5rem}.logout-button:hover .logout-icon,.logout-button:focus-visible .logout-icon{color:var(--brand-accent);opacity:100%}.brand-header.is-login .logo-button{--logo-column: span 3;justify-self:center}@media screen and (width >= 40em){.brand-header.is-login .logo-button{--logo-column: 2}}.brand-header.has-session .logo-button{@media screen and (width >= 40em){--logo-column: 1;justify-self:start;padding-left:5rem}}}