@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;700;800&display=swap");body{margin:0;padding:0;font-family:Manrope,sans-serif}.root{background-color:#000;flex-flow:column nowrap;padding:0;min-height:100vh}.container,.root{display:flex;place-content:center flex-start;align-items:center;gap:10px;overflow:auto;position:relative}.container{flex:0 0 auto;flex-flow:column nowrap;height:-moz-fit-content;height:fit-content;max-width:975px;padding:50px;width:auto;gap:64px}.header{display:flex;flex-direction:column;width:100%;align-items:center;color:#fff}.header-title{display:flex;gap:12px}.header-title h1{width:100%;font-weight:700;font-size:72px;letter-spacing:-4px;line-height:1.2em;text-align:center;margin:0}.header-subtitle h2{font-size:20px;font-style:normal;font-weight:400;line-height:1.4em;color:hsla(0,0%,100%,.75)}.prompt-container{place-content:flex-end center;align-items:center;gap:16px;height:min-content;padding:0;width:min-content}.prompt-box,.prompt-container{display:flex;flex:0 0 auto;flex-flow:column nowrap}.prompt-box{border:1px solid hsla(0,0%,100%,.1);place-content:flex-start;align-items:flex-start;background-color:hsla(0,0%,100%,.05);border-radius:16px;gap:10px;height:150px;overflow:hidden;padding:20px;position:relative;width:610px;max-width:1200px;will-change:transform;overflow:auto;outline:none;resize:none;font-size:16px;font-style:normal;letter-spacing:0;line-height:1.6em;text-align:start;color:hsla(0,0%,100%,.75);text-decoration:none;text-transform:none}textarea{font-family:Manrope,sans-serif}.prompt-box:focus{border-color:hsla(0,0%,100%,.75)}.prompt-buttons{display:flex;place-content:center;align-items:center;justify-content:flex-end;flex:0 0 auto;flex-flow:row nowrap;gap:12px;height:min-content;overflow:hidden;padding:0;position:relative;width:100%}.key-stroke{outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;transform:none}.key-stroke p{color:hsla(0,0%,100%,.75);flex:0 0 auto;height:auto;position:relative;white-space:pre;width:auto}.or{outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;transform:none}.or p{color:hsla(0,0%,100%,.25)}.generate-button{place-content:flex-start;align-items:flex-start;background-color:#ff4f12;border-radius:100px;display:flex;flex:0 0 auto;flex-flow:column nowrap;gap:10px;height:min-content;overflow:hidden;padding:16px 24px;position:relative;text-decoration:none;width:min-content;will-change:transform;cursor:pointer}.generate{outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;transform:none}.generate p{color:#fff;margin:0}.loading{opacity:.7;cursor:default}.badge-container{left:20px}.badge-container,.badge-container1{display:flex;bottom:20px;flex:0 0 auto;height:auto;position:fixed;width:auto;z-index:1}.badge-container1{right:20px}.badge-container1 a{border:1px solid hsla(0,0%,100%,.1);background-color:#000;border-radius:84.3478%/238.095%;filter:grayscale(1);transform:none;transform-origin:50% 50% 0;font-size:14px;font-weight:700;letter-spacing:-.5px;line-height:1em;color:#fff;padding:12px;text-decoration:none}.git-icon{margin-right:.5rem}.badge-container a{border:1px solid hsla(0,0%,100%,.1);background-color:#000;border-radius:54.3478%/238.095%;filter:grayscale(1);transform:none;transform-origin:50% 50% 0;font-size:14px;font-weight:700;letter-spacing:-.5px;line-height:1em;color:#fff;padding:12px;text-decoration:none}.badge{display:flex;align-items:center}.badge img{width:21px;height:17px;image-rendering:pixelated;flex-shrink:0;fill:#000;color:#000;transform:none;transform-origin:50% 50% 0;padding-right:5px}.badge p{margin:0}.grow{transition:all .2s ease-in-out}.grow:hover{transform:scale(1.1)}.output{place-content:center flex-start;gap:10px;max-width:1200px}.output,.output-header-container{align-items:center;display:flex;flex:0 0 auto;flex-flow:column nowrap;height:min-content;overflow:hidden;position:relative;width:100%}.output-header-container{place-content:center;gap:16px;padding:0}.output-header h3{font-family:Manrope,serif;font-size:28px;font-style:normal;font-weight:800;letter-spacing:0;line-height:1.4em;text-align:start;color:#fff;text-decoration:none;text-transform:none;margin:0}.output-content{outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;transform:none}.output-content p{text-align:center;white-space:pre-line;color:hsla(0,0%,100%,.5)}@media (min-width:810px) and (max-width:1199px){.container,.prompt-container{max-width:600px;width:100%}.prompt-box{width:100%}}@media (max-width:809px){.container,.prompt-container{max-width:500px;width:100%}.prompt-box{width:100%}}@media (max-width:600px){.container{max-width:400px;width:100%}.header-title h1{font-size:50px}.header-subtitle h2{text-align:center}.key-stroke,.or{display:none}.prompt-buttons{justify-content:center}.prompt-container{max-width:400px;width:100%}.prompt-box{width:100%}}.loader{width:18px;height:18px;border-radius:50%;display:inline-block;border-top:2px solid #fff;border-right:2px solid transparent;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.nav__container{color:#fff;background-color:#1c1c1c;width:100%;display:flex;align-items:center;height:3.5rem;justify-content:center;position:fixed;z-index:1}.logo h2{font-weight:500;font-size:1.5rem;color:coral}.chat__container{z-index:0;width:70%;border:1px solid #393939;border-radius:.6rem;height:90vh;background-color:#191919;position:relative;overflow:hidden;margin-top:2rem;margin-bottom:2rem}.chat__header{padding:1rem 2rem;border-radius:.6rem .6rem 0 0;color:#fff;font-weight:600;background-color:#202020;font-size:1.4rem;color:#0f0;text-align:center}.chat__body{background-color:#191919;display:flex;flex-direction:column;border-radius:0 0 .6rem .6rem;overflow-y:scroll;position:absolute;top:3.8rem;left:0;right:-17px;bottom:3.2rem;padding:.5rem;scrollbar-width:none;overflow-x:hidden}.ai__chat{background-color:#393939;border-radius:0 .8rem .8rem .8rem;color:#ececec}.ai__chat,.user__chat{padding:.6rem 1.2rem;margin-top:0;width:-moz-fit-content;width:fit-content;max-width:70%}.user__chat{background-color:#0f0;border-radius:.8rem .8rem 0 .8rem;color:#000;text-align:right;-ms-flex-align:end;align-self:flex-end;font-weight:600;text-align:left}.input__form{background-color:#2c2c2c;bottom:0;position:absolute;width:100%}.input__form form{display:flex;padding:.5rem;justify-content:space-between}.input{width:78%;height:2.5rem;border-radius:.7rem;background-color:#1c1c1c;border:none;color:#fff;padding-left:.6rem;font-size:.9rem}.input:focus{outline:none}.send_chat{width:4rem;border-radius:.8rem;align-items:center;border:none;color:#0f0;font-weight:600;font-size:.9rem;cursor:pointer;margin-left:.2rem;background-color:#191919}.bouncing-loader,.send_chat{display:flex;justify-content:center}.bouncing-loader>div{width:8px;height:8px;margin:6px 3px;border-radius:50%;background-color:#a3a1a1;opacity:1;animation:bouncing-loader .6s infinite alternate}@keyframes bouncing-loader{to{opacity:.1;transform:translateY(-10px)}}.bouncing-loader>div:nth-child(2){animation-delay:.2s}.bouncing-loader>div:nth-child(3){animation-delay:.4s}@media (max-width:800px){.chat__container{width:80%;margin-top:2rem;margin-bottom:3rem;height:85vh}}@media (max-width:500px){.chat__container{width:95%;margin-top:2rem;margin-bottom:3rem;height:85vh}.input{width:78%;height:2.6rem;border-radius:.7rem;background-color:#1c1c1c;color:#fff;padding-left:.6rem}.input,.send_chat{border:none;font-size:.9rem}.send_chat{font-weight:600;cursor:pointer;margin-left:.2rem;width:4rem;border-radius:.8rem;align-items:center;justify-content:center;color:#0f0}.chat__body,.send_chat{display:flex;background-color:#191919}.chat__body{flex-direction:column;border-radius:0 0 .6rem .6rem;overflow-y:scroll;padding:.5rem}}