@layer base,components;@font-face{font-display:swap;font-family:"Exo 2";font-style:normal;font-weight:400;src:url(/build/assets/exo-2-v26-latin-regular-D8MC3_dU.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Exo 2";font-style:normal;font-weight:600;src:url(/build/assets/exo-2-v26-latin-600-DOMk466V.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Exo 2";font-style:normal;font-weight:700;src:url(/build/assets/exo-2-v26-latin-700-OoACPC18.woff2) format("woff2")}.chat{position:relative;width:var(--app-width)}.chat:has(.history){padding-bottom:3rem;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.chat:not(:has(.history)) #inputbar{position:relative}.history{overflow-y:auto;padding-right:1rem}.message{margin-bottom:2rem;max-width:28rem}.message .role{color:#313130;margin-bottom:.25rem;font-size:.875rem}.message .content{padding:1rem 1.25rem;color:#fff}.message.role-user{margin-left:auto}.message.role-user .role{display:flex;justify-content:flex-end}.message.role-user .content{color:#313130;background-color:#ececec;border-right:8px solid #349e30;border-radius:0 .5rem}.message.role-assistant .content{color:#313130;background-color:#e3e3e3;margin-right:auto;border-left:8px solid #313130;border-radius:.5rem 0}#loading-animation .shimmer-text{background:linear-gradient(90deg,#656666,#fff 40%,#349e30 60%,#656666);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 2s linear infinite}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}#inputbar{display:flex;width:var(--app-width);position:fixed;padding-bottom:1rem;background-color:#fff;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 2rem 1rem #fff}input{background-color:#fff;border:1px solid #656666;padding:1rem 1.5rem;font-family:inherit;font-size:1rem;width:100%}input:focus,input:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #349e30;border-color:#349e30}.button{background-color:#349e30;color:#fff;border:none;padding:1rem 1.5rem;font-family:inherit;display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:1rem;cursor:pointer}.button:hover{background-color:#003367}#loading-animation{margin-bottom:2rem}#intro{margin-bottom:4rem;text-align:center}#intro h1{text-transform:uppercase;margin-top:1rem}#intro h2{color:#656666;margin-top:1rem;margin-bottom:1.5rem;text-wrap:balance}.presets{margin-top:1rem}.preset{background-color:#fff;color:#349e30;border:1px solid #349e30;padding:.5rem .75rem;cursor:pointer;display:block;width:100%;text-align:center}.preset:hover{background-color:#349e30;color:#fff}.preset:focus,.preset:focus-visible{outline:2px solid #349e30;border-color:#349e30}.preset:nth-child(n+2){margin-top:.5rem}@layer base{*{margin:0;padding:0;box-sizing:border-box}:root{--app-width: clamp(100px, 600px, calc(100vw - 2rem) )}html,body{font-family:"Exo 2","Roboto",-apple-system,Arial sans-serif;background-color:#fff;color:#313130}body{padding:2rem;height:100vh}#app{max-width:var(--app-width);margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;animation:fadeIn .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}ul{padding-left:1rem}input,button{font-family:inherit;font-size:inherit}}