@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");body{margin:0;padding:0;font-family:Manrope,sans-serif}.root{display:flex;place-content:center flex-start;align-items:center;flex-flow:column nowrap;overflow:overlay;min-height:100vh;padding:0;position:relative}.app-container{height:-moz-fit-content;height:fit-content;width:100%;background-repeat:no-repeat;background-size:100%}.app-container-inner{margin:0 auto;max-width:900px;display:flex;place-content:center flex-start;align-items:center;flex:0 0 auto;flex-flow:column nowrap;overflow:auto;position:relative;overflow-x:hidden;overflow-y:hidden}.space-app .app-container-inner{max-width:none;width:100%}.app-static-preview{width:100%!important}.app-container-fill{min-height:calc(var(--vh, 1vh) - 60px)}.app-container-fill-large-footer{min-height:calc(var(--vh, 1vh) - 80px)}.app-generation-container{gap:8px!important}.light-bg{color:#000}.app-header{padding:50px 0 0}.app-header,.gen-app-header{display:flex;flex-direction:column;width:100%;max-width:900px}.gen-app-header{padding:50px 16px 0}.toast-notification{border-radius:10px!important}.header-title{display:flex;gap:12px}.header-title h1{width:100%;font-size:56px;margin:0;line-height:1.2em;padding-bottom:8px;letter-spacing:-2px}.header-subtitle h2{font-size:20px;font-style:normal;font-weight:400;line-height:1.4em}.app-input-container{display:flex;flex:0 0 auto;flex-flow:column nowrap;gap:8px;height:-moz-min-content;height:min-content;width:100%;padding:16px 8px 0 16px;min-height:116px}.prompt-box{padding:16px 24px;line-height:20px}.prompt-box,.prompt-box-app-gen{background-color:transparent;border-radius:16px;position:relative;overflow-x:hidden;overflow-y:auto;outline:none;resize:none;font-style:normal;letter-spacing:0;text-align:start;max-height:300px;text-decoration:none;text-transform:none;transition:all .5s ease-in-out}.prompt-box-app-gen{padding:24px 112px 20px 20px;font-size:20px;min-height:140px;max-width:100%;color:rgba(0,0,0,.7);line-height:24px;padding-right:172px!important}.prompt-box-app-gen::-moz-placeholder{color:rgba(0,0,0,.7);opacity:.7}.prompt-box-app-gen::placeholder{color:rgba(0,0,0,.7);opacity:.7}textarea{font-family:Manrope,sans-serif}.prompt-box-app-gen:focus,.prompt-box:focus{border-color:hsla(0,0%,100%,.75)}.prompt-buttons{display:flex;place-content:center;align-items:center;justify-content:space-between;flex:0 0 auto;flex-flow:row nowrap;gap:12px;height:-moz-min-content;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;display:flex;flex:0 0 auto;flex-flow:column nowrap;gap:10px;height:-moz-min-content;height:min-content;overflow:hidden;position:relative;text-decoration:none;text-align:center;will-change:transform}.generate{outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;transform:none}.generate p{color:inherit;margin:0}.loading{opacity:.8;cursor:default}.avatar-skeleton{width:100%;height:100%;line-height:1}.badge-container{display:flex;bottom:20px;flex:0 0 auto;height:auto;left:20px;position:fixed;width:auto;z-index:1}.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)}.app-output{place-content:center flex-start;align-items:center;display:flex;flex:0 0 auto;flex-flow:column nowrap;gap:10px;height:-moz-min-content;height:min-content;max-width:900px;position:relative;width:100%}.ce-block__content,.ce-toolbar__content{max-width:calc(100% - 128px)!important}.cdx-block{max-width:100%!important;overflow-x:hidden}.codex-editor__redactor{padding-bottom:60px!important}.ce-scroll-locked--hard{position:unset!important}.output-header-container{place-content:center;align-items:center;display:flex;flex:0 0 auto;flex-flow:column nowrap;height:-moz-min-content;height:min-content;overflow:hidden;padding:0;position:relative;width:100%}.output-header h3{font-family:Manrope,sans-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)}.centered-container{height:calc(var(--vh, 1vh) - 40px);display:flex;flex-direction:column;align-items:center;justify-content:center}@media (min-width:769px) and (max-width:1200px){.ce-block__content,.ce-toolbar__content{max-width:calc(100% - 128px)!important}.app-container{width:100%}.app-input-container{max-width:900px;width:100%}.prompt-box,.prompt-box-app-gen{width:100%}.app-output{max-width:900px}}@media (max-width:768px){.ce-block__content,.ce-toolbar__content{max-width:calc(100% - 120px)!important}.app-container{width:100%;padding:0}.app-header{padding:50px 0 0!important}.app-input-container{width:100%;min-height:216px;padding:8px 16px 0}.prompt-box,.prompt-box-app-gen{width:100%;padding:24px 24px 0 20px}.prompt-box-app-gen{padding-right:24px!important}}.output-main-card{max-width:calc(100vw - 4px)!important}@media (max-width:650px){.ce-block__content,.ce-toolbar__content{max-width:calc(100% - 16px)!important}.app-container{width:100%;padding:0;gap:24px}.header-title h1{font-size:40px}.header-subtitle h2{font-size:20px}.key-stroke,.or{display:none}.prompt-buttons{justify-content:center}.app-input-container{width:100%;min-height:216px}.prompt-box,.prompt-box-app-gen{width:100%;padding:24px 24px 0 20px}.prompt-box-app-gen{padding-right:24px!important}}.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}.dark-loader{border-top:2px solid #000}.centered-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.link_container{background:#f3efef;max-width:460px;border-radius:20px;margin:10px auto;padding:8px 8px 8px 16px;display:flex;justify-content:space-between;align-items:center;gap:4px;position:relative}.shareable_link{text-overflow:pre-wrap;white-space:pre-wrap}.tour_guide{color:#000!important}.no-scroll{overflow:hidden!important}.dot-typing{--dot-typing-color:#444349;position:relative;left:-9999px;width:8px;height:8px;border-radius:5px;background-color:var(--dot-typing-color);color:var(--dot-typing-color);box-shadow:9984px 0 0 0 var(--dot-typing-color),9999px 0 0 0 var(--dot-typing-color),10014px 0 0 0 var(--dot-typing-color);animation:dot-typing 1.5s linear infinite}.dark-app .dot-typing{--dot-typing-color:#fff}@keyframes dot-typing{0%{box-shadow:9984px 0 0 0 var(--dot-typing-color),9999px 0 0 0 var(--dot-typing-color),10014px 0 0 0 var(--dot-typing-color)}16.667%{box-shadow:9984px -10px 0 0 var(--dot-typing-color),9999px 0 0 0 var(--dot-typing-color),10014px 0 0 0 var(--dot-typing-color)}33.333%{box-shadow:9984px 0 0 0 var(--dot-typing-color),9999px 0 0 0 var(--dot-typing-color),10014px 0 0 0 var(--dot-typing-color)}50%{box-shadow:9984px 0 0 0 var(--dot-typing-color),9999px -10px 0 0 var(--dot-typing-color),10014px 0 0 0 var(--dot-typing-color)}66.667%{box-shadow:9984px 0 0 0 var(--dot-typing-color),9999px 0 0 0 var(--dot-typing-color),10014px 0 0 0 var(--dot-typing-color)}83.333%{box-shadow:9984px 0 0 0 var(--dot-typing-color),9999px 0 0 0 var(--dot-typing-color),10014px -10px 0 0 var(--dot-typing-color)}to{box-shadow:9984px 0 0 0 var(--dot-typing-color),9999px 0 0 0 var(--dot-typing-color),10014px 0 0 0 var(--dot-typing-color)}}.embed_sidetab .header-title h1{font-size:36px!important;letter-spacing:-2px!important}.embed_sidetab .header-subtitle h2,.embed_sidetab .prompt-box,.embed_sidetab .prompt-box-app-gen{font-size:16px!important}.embed_sidetab .app-input-container{min-height:100px!important}.embed_sidetab .app-container{gap:8px!important}.embed_sidetab .output-step{display:none!important}.output-editable-table{max-width:98vw!important}.cc-bg-white{color:#000!important}.twitter-picker{box-shadow:none!important}.app-showcase-card .ant-card-body{padding:12px 16px!important;height:98px}.dark-app .ant-card-meta-description,.dark-app .ant-card-meta-title{color:#fff!important}.dark-app .editable-cell-column{border:none!important;border-radius:0!important}.dark-app .ant-table-cell{background-color:#1a1a1a!important;color:#fff!important}.dark-app .ce-block--selected .dark-app .ce-block__content,.dark-app .ce-toolbar__plus,.dark-app .ce-toolbar__settings-btn{color:#fff!important;border:none}.dark-app .ce-block--selected .ce-block__content,.dark-app .ce-toolbar__plus:hover,.dark-app .ce-toolbar__settings-btn:hover{background:#444}.colorful-app .ant-table{background-color:transparent!important}.colorful-app .ant-table-cell{background-color:hsla(0,0%,100%,.3)!important;color:#000!important;border-color:hsla(0,0%,100%,.2)!important}.colorful-app .ant-table-cell:before{background-color:transparent!important}@media (max-width:650px){.dark-app .ce-toolbar__plus,.dark-app .ce-toolbar__settings-btn{background:#444}}.app_card{border-radius:20px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.colorful-app .app_card{background-color:hsla(0,0%,100%,.2)}.app_card.dark-app,.dark-app .app_card{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity))}@media (min-width:640px){.light-app .app_card{border-width:1px}.light-bg .app_card{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}.dashboard_app_card{border-radius:20px;background-color:transparent}.dark-app .react-loading-skeleton{--base-color:#444;--highlight-color:#3c3c3c}.output-main-card .ant-table-cell p{display:flex;flex-direction:column;gap:8px;margin:0!important}.output-main-card .ant-table-cell p img{margin:0!important;padding:0!important;max-width:120px;max-height:120px}.output-main-card .ant-table-cell{vertical-align:top}.editable-cell-value-wrap{padding-right:0!important;cursor:pointer}.action-buttons{visibility:hidden}@media (max-width:767px){.action-buttons{visibility:visible}}.ant-table-cell-row-hover .action-buttons{visibility:visible}[contenteditable=true]:empty:before{content:attr(placeholder);display:block;color:#aaa}.ant-checkbox-inner,.ant-checkbox-input{transform:scale(1.25)}.app-builder-root #component-preview-container .h-screen{height:calc(100vh - 64px)!important}@import url("https://fonts.googleapis.com/css?family=Montserrat:600&display=swap");.heart-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100}.heart-btn.heart-active{border-color:#f9b9c4;background:#fbd0d8}.heart{position:absolute;background:url(/heart.png) no-repeat;background-position:0;background-size:2900%;height:90px;width:90px;top:50%;left:21%;transform:translate(-50%,-50%)}.heart.heart-active{animation:animate .8s steps(28) 1;background-position:100%}@keyframes animate{0%{background-position:0}to{background-position:100%}}.builder-chat-markdown{ol,p,ul{margin-bottom:1em;line-height:24px}ol,ul{padding-left:2em}ul{list-style-type:disc}ol{list-style-type:decimal}li{margin-bottom:.5em}code,pre{font-family:monospace;border-radius:3px}pre{padding:16px;overflow:auto;line-height:1.45}code,pre{font-size:85%}code{padding:.2em .4em}blockquote{margin:0;padding-left:1em;color:#6a737d;border-left:.25em solid #dfe2e5}table{border-collapse:collapse;width:100%;margin-bottom:1em}td,th{border:1px solid #dfe2e5;padding:6px 13px}th{font-weight:600;background-color:#f6f8fa}hr{height:1px;padding:0;margin:24px 0;background-color:#e1e4e8;border:0}img{max-width:100%;height:auto}}.glow-effect{--glow-line-color:#fff;--glow-line-thickness:2px;--glow-line-length:20px;--glow-blur-color:#fff;--glow-blur-size:5px;--glow-offset:0px;--animation-speed:1200ms;--container-offset:100px;position:relative}.glow-container{pointer-events:none;position:absolute;inset:calc(var(--container-offset) / -2);width:calc(100% + var(--container-offset));height:calc(100% + var(--container-offset));opacity:0}.glow-blur,.glow-line{width:calc(100% - var(--container-offset) + var(--glow-offset));height:calc(100% - var(--container-offset) + var(--glow-offset));x:calc((var(--container-offset) / 2) + calc(var(--glow-offset) / -2));y:calc((var(--container-offset) / 2) + calc(var(--glow-offset) / -2));fill:transparent;stroke:#000;stroke-width:5px;stroke-dasharray:var(--glow-line-length) calc(50px - var(--glow-line-length))}.glow-effect:is(:hover,:focus) :is(.glow-line,.glow-blur){stroke-dashoffset:-80px;transition:stroke-dashoffset var(--animation-speed) ease-in}.glow-line{stroke:var(--glow-line-color);stroke-width:var(--glow-line-thickness)}.glow-blur{filter:blur(var(--glow-blur-size));stroke:var(--glow-blur-color);stroke-width:var(--glow-blur-size)}.glow-effect:is(:hover,:focus) .glow-container{animation:glow-visibility ease-in-out var(--animation-speed)}@keyframes glow-visibility{0%,to{opacity:0}25%,75%{opacity:1}}.glow-effect[data-glow-animation=false]{--glow-line-length:50px}.glow-effect[data-glow-offset=true]{--glow-offset:10px}.glow-effect[data-glow-animation=grow]:is(:hover,:focus) .glow-container{scale:1.3;transition:scale var(--animation-speed) linear}@keyframes glow-visibility-auto{0%,to{opacity:0}25%,75%{opacity:1}}@keyframes glow-line-animation{0%,to{stroke-dashoffset:0}25%,75%{stroke-dashoffset:-80px}}@keyframes slide-transparency{0%{opacity:0}50%{opacity:1}to{opacity:0}}.sky-animate-opacity{animation-name:slide-transparency;animation-iteration-count:infinite}.sky-freq-5{animation-duration:5s}.sky-freq-6{animation-duration:6.33s}.sky-freq-7{animation-duration:7s}.sky-freq-8{animation-duration:8.88s}.sky-freq-9{animation-duration:9s}.sky-freq-10{animation-duration:10.17s}.sky-delay-2{animation-delay:1.33s}.sky-delay-4{animation-delay:2.11s}.sky-bg{width:100vw;height:100vh;position:fixed;top:0;left:0;background:#000;z-index:-1000}.sky-z-1,.sky-z-2,.sky-z-3{position:absolute;width:150vw;height:150vw;left:-50vw;top:-50vw;transform-origin:center}.sky-tile{overflow:hidden;position:absolute;opacity:0;top:0;left:0;width:100%;height:100%;background-repeat:repeat;background-size:512px 512px}.sky-top-left{background-image:url(/animations/starry_sky/topleft.png)}.sky-top-right{background-image:url(/animations/starry_sky/topright.png)}.sky-bottom-left{background-image:url(/animations/starry_sky/bottomleft.png)}.sky-bottom-right{background-image:url(/animations/starry_sky/bottomright.png)}