{"loaderData":{"0":null,"0-2":{"total":7177,"projects":[{"created":"2024-01-22T17:20:10.000Z","isPrivate":0,"projectId":"e76576","snapshot":null,"tags":null,"title":"form by Smit-Prajapati","updated":"2024-01-22T17:20:10.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":2202,"cssLen":2811,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n \n \n Learn user licence agreement\n

","css":".container {\n max-width: 350px;\n background: #F8F9FD;\n background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(244, 247, 251) 100%);\n border-radius: 40px;\n padding: 25px 35px;\n border: 5px solid rgb(255, 255, 255);\n box-shadow: rgba(133, 189, 215, 0.8784313725) 0px 30px 30px -20px;\n margin: 20px;\n}\n\n.heading {\n text-align: center;\n font-weight: 900;\n font-size: 30px;\n color: rgb(16, 137, 211);\n}\n\n.form {\n margin-top: 20px;\n}\n\n.form .input {\n width: 100%;\n background: white;\n border: none;\n padding: 15px 20px;\n border-radius: 20px;\n margin-top: 15px;\n box-shadow: #cff0ff 0px 10px 10px -5px;\n border-inline: 2px solid transparent;\n}\n\n.form .input::-moz-placeholder {\n color: rgb(170, 170, 170);\n}\n\n.form .input::placeholder {\n color: rgb(170, 170, 170);\n}\n\n.form .input:focus {\n outline: none;\n border-inline: 2px solid #12B1D1;\n}\n\n.form .forgot-password {\n display: block;\n margin-top: 10px;\n margin-left: 10px;\n}\n\n.form .forgot-password a {\n font-size: 11px;\n color: #0099ff;\n text-decoration: none;\n}\n\n.form .login-button {\n display: block;\n width: 100%;\n font-weight: bold;\n background: linear-gradient(45deg, rgb(16, 137, 211) 0%, rgb(18, 177, 209) 100%);\n color: white;\n padding-block: 15px;\n margin: 20px auto;\n border-radius: 20px;\n box-shadow: rgba(133, 189, 215, 0.8784313725) 0px 20px 10px -15px;\n border: none;\n transition: all 0.2s ease-in-out;\n}\n\n.form .login-button:hover {\n transform: scale(1.03);\n box-shadow: rgba(133, 189, 215, 0.8784313725) 0px 23px 10px -20px;\n}\n\n.form .login-button:active {\n transform: scale(0.95);\n box-shadow: rgba(133, 189, 215, 0.8784313725) 0px 15px 10px -10px;\n}\n\n.social-account-container {\n margin-top: 25px;\n}\n\n.social-account-container .title {\n display: block;\n text-align: center;\n font-size: 10px;\n color: rgb(170, 170, 170);\n}\n\n.social-account-container .social-accounts {\n width: 100%;\n display: flex;\n justify-content: center;\n gap: 15px;\n margin-top: 5px;\n}\n\n.social-account-container .social-accounts .social-button {\n background: linear-gradient(45deg, rgb(0, 0, 0) 0%, rgb(112, 112, 112) 100%);\n border: 5px solid white;\n padding: 5px;\n border-radius: 50%;\n width: 40px;\n aspect-ratio: 1;\n display: grid;\n place-content: center;\n box-shadow: rgba(133, 189, 215, 0.8784313725) 0px 12px 10px -8px;\n transition: all 0.2s ease-in-out;\n}\n\n.social-account-container .social-accounts .social-button .svg {\n fill: white;\n margin: auto;\n}\n\n.social-account-container .social-accounts .social-button:hover {\n transform: scale(1.2);\n}\n\n.social-account-container .social-accounts .social-button:active {\n transform: scale(0.9);\n}\n\n.agreement {\n display: block;\n text-align: center;\n margin-top: 15px;\n}\n\n.agreement a {\n text-decoration: none;\n color: #0099ff;\n font-size: 9px;\n}"},{"created":"2024-01-22T17:20:10.000Z","isPrivate":0,"projectId":"9cabfd","snapshot":null,"tags":null,"title":"form by gharsh11032000","updated":"2024-01-22T17:20:10.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":550,"cssLen":1768,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n Forgot Password\n

\n\n \n\n \n

","css":".form-container {\n max-width: 400px;\n background-color: #fff;\n padding: 32px 24px;\n font-size: 14px;\n font-family: inherit;\n color: #212121;\n display: flex;\n flex-direction: column;\n gap: 20px;\n box-sizing: border-box;\n border-radius: 10px;\n box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.084), 0px 2px 3px rgba(0, 0, 0, 0.168);\n}\n\n.form-container button:active {\n scale: 0.95;\n}\n\n.form-container .logo-container {\n text-align: center;\n font-weight: 600;\n font-size: 18px;\n}\n\n.form-container .form {\n display: flex;\n flex-direction: column;\n}\n\n.form-container .form-group {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n\n.form-container .form-group label {\n display: block;\n margin-bottom: 5px;\n}\n\n.form-container .form-group input {\n width: 100%;\n padding: 12px 16px;\n border-radius: 6px;\n font-family: inherit;\n border: 1px solid #ccc;\n}\n\n.form-container .form-group input::placeholder {\n opacity: 0.5;\n}\n\n.form-container .form-group input:focus {\n outline: none;\n border-color: #1778f2;\n}\n\n.form-container .form-submit-btn {\n display: flex;\n justify-content: center;\n align-items: center;\n font-family: inherit;\n color: #fff;\n background-color: #212121;\n border: none;\n width: 100%;\n padding: 12px 16px;\n font-size: inherit;\n gap: 8px;\n margin: 12px 0;\n cursor: pointer;\n border-radius: 6px;\n box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.084), 0px 2px 3px rgba(0, 0, 0, 0.168);\n}\n\n.form-container .form-submit-btn:hover {\n background-color: #313131;\n}\n\n.form-container .link {\n color: #1778f2;\n text-decoration: none;\n}\n\n.form-container .signup-link {\n align-self: center;\n font-weight: 500;\n}\n\n.form-container .signup-link .link {\n font-weight: 400;\n}\n\n.form-container .link:hover {\n text-decoration: underline;\n}\n\n"},{"created":"2024-01-22T17:20:10.000Z","isPrivate":0,"projectId":"a8a0bb","snapshot":null,"tags":null,"title":"form by zanina-yassine","updated":"2024-01-22T17:20:10.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":1569,"cssLen":2932,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"","css":".modal {\n width: 450px;\n background: linear-gradient(180deg, #DCF9E0 0%, #FFFFFF 30.21%);\n box-shadow: 0px 187px 75px rgba(0, 0, 0, 0.01), 0px 105px 63px rgba(0, 0, 0, 0.05), 0px 47px 47px rgba(0, 0, 0, 0.09), 0px 12px 26px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);\n border-radius: 16px;\n}\n\n.banner {\n width: 100%;\n height: 30px;\n margin: 0;\n background-size: 100%;\n background-repeat: no-repeat;\n}\n\n.title {\n font-weight: 700;\n font-size: 17px;\n line-height: 21px;\n text-align: center;\n color: #2B2B2F;\n margin-bottom: 15px;\n}\n\n.description {\n max-width: 80%;\n margin: auto;\n font-weight: 600;\n font-size: 11px;\n line-height: 16px;\n text-align: center;\n color: #5F5D6B;\n}\n\n.tab-container {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n position: relative;\n padding: 2px;\n background-color: #ebebec;\n border-radius: 9px;\n margin: 10px 20px 0px 20px;\n}\n\n.indicator {\n content: \"\";\n width: 50%;\n height: 28px;\n background: #FFFFFF;\n position: absolute;\n top: 2px;\n left: 2px;\n z-index: 9;\n border: 0.5px solid rgba(0, 0, 0, 0.04);\n box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.12), 0px 3px 1px rgba(0, 0, 0, 0.04);\n border-radius: 7px;\n transition: all 0.2s ease-out;\n}\n\n.tab {\n width: 50%;\n height: 28px;\n position: relative;\n z-index: 99;\n background-color: transparent;\n border: 0;\n outline: none;\n flex: none;\n align-self: stretch;\n flex-grow: 1;\n cursor: pointer;\n font-weight: 500;\n}\n\n.tab--1:hover ~ .indicator {\n left: 2px;\n}\n\n.tab--2:hover ~ .indicator {\n left: calc(50% - 2px);\n}\n\n.benefits {\n padding: 20px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n}\n\n.benefits > span {\n font-size: 15px;\n color: #2B2B2F;\n font-weight: 700;\n}\n\n.benefits ul {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n\n.benefits ul li {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 10px;\n}\n\n.benefits ul li span {\n font-weight: 600;\n font-size: 12px;\n color: #5F5D6B;\n}\n\n.modal--footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 20px;\n border-top: 1px solid #ebebec;\n}\n\n.price {\n position: relative;\n font-size: 32px;\n color: #2B2B2F;\n font-weight: 900;\n}\n\n.price sup {\n font-size: 13px;\n}\n\n.price sub {\n width: fit-content;\n position: absolute;\n font-size: 11px;\n color: #5F5D6B;\n bottom: 5px;\n display: inline-block;\n}\n\n.upgrade-btn {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 215px;\n height: 40px;\n background: #0bdd12;\n box-shadow: 0px 0.5px 0.5px #EFEFEF, 0px 1px 0.5px rgba(239, 239, 239, 0.5);\n border-radius: 7px;\n border: 0;\n outline: none;\n color: #ffffff;\n font-size: 13px;\n font-weight: 600;\n transition: all 0.3s cubic-bezier(0.15, 0.83, 0.66, 1);\n}\n\n.upgrade-btn:hover {\n background-color: #07b90d;\n}\n\n.form {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}"},{"created":"2024-01-22T17:20:10.000Z","isPrivate":0,"projectId":"1c6b46","snapshot":null,"tags":null,"title":"form by alexmaracinaru","updated":"2024-01-22T17:20:10.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":832,"cssLen":1108,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"","css":".card {\n width: 190px;\n height: 254px;\n background: #F4F6FB;\n border: 1px solid white;\n box-shadow: 10px 10px 64px 0px rgba(180, 180, 207, 0.75);\n -webkit-box-shadow: 10px 10px 64px 0px rgba(186, 186, 202, 0.75);\n -moz-box-shadow: 10px 10px 64px 0px rgba(208, 208, 231, 0.75);\n}\n\n.form {\n padding: 25px;\n}\n\n.card_header {\n display: flex;\n align-items: center;\n}\n\n.card svg {\n color: #7878bd;\n margin-bottom: 20px;\n margin-right: 5px;\n}\n\n.form_heading {\n padding-bottom: 20px;\n font-size: 21px;\n color: #7878bd;\n}\n\n.field {\n padding-bottom: 10px;\n}\n\n.input {\n border-radius: 5px;\n background-color: #e9e9f7;\n padding: 5px;\n width: 100%;\n color: #7a7ab3;\n border: 1px solid #dadaf7\n}\n\n.input:focus-visible {\n outline: 1px solid #aeaed6;\n}\n\n.input::placeholder {\n color: #bcbcdf;\n}\n\nlabel {\n color: #B2BAC8;\n font-size: 14px;\n display: block;\n padding-bottom: 4px;\n}\n\nbutton {\n background-color: #7878bd;\n margin-top: 10px;\n font-size: 14px;\n padding: 7px 12px;\n height: auto;\n font-weight: 500;\n color: white;\n border: none;\n}\n\nbutton:hover {\n background-color: #5f5f9c;\n}"},{"created":"2024-01-22T17:20:10.000Z","isPrivate":0,"projectId":"a072e9","snapshot":null,"tags":null,"title":"form by akshat-patel28","updated":"2024-01-22T17:20:10.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":2676,"cssLen":2771,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

Welcome back

\n \n \n

","css":".form-container {\n width: 350px;\n height: 500px;\n background-color: #fff;\n box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;\n border-radius: 10px;\n box-sizing: border-box;\n padding: 20px 30px;\n}\n\n.title {\n text-align: center;\n font-family: \"Lucida Sans\", \"Lucida Sans Regular\", \"Lucida Grande\",\n \"Lucida Sans Unicode\", Geneva, Verdana, sans-serif;\n margin: 10px 0 30px 0;\n font-size: 28px;\n font-weight: 800;\n}\n\n.form {\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 18px;\n margin-bottom: 15px;\n}\n\n.input {\n border-radius: 20px;\n border: 1px solid #c0c0c0;\n outline: 0 !important;\n box-sizing: border-box;\n padding: 12px 15px;\n}\n\n.page-link {\n text-decoration: underline;\n margin: 0;\n text-align: end;\n color: #747474;\n text-decoration-color: #747474;\n}\n\n.page-link-label {\n cursor: pointer;\n font-family: \"Lucida Sans\", \"Lucida Sans Regular\", \"Lucida Grande\",\n \"Lucida Sans Unicode\", Geneva, Verdana, sans-serif;\n font-size: 9px;\n font-weight: 700;\n}\n\n.page-link-label:hover {\n color: #000;\n}\n\n.form-btn {\n padding: 10px 15px;\n font-family: \"Lucida Sans\", \"Lucida Sans Regular\", \"Lucida Grande\",\n \"Lucida Sans Unicode\", Geneva, Verdana, sans-serif;\n border-radius: 20px;\n border: 0 !important;\n outline: 0 !important;\n background: teal;\n color: white;\n cursor: pointer;\n box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;\n}\n\n.form-btn:active {\n box-shadow: none;\n}\n\n.sign-up-label {\n margin: 0;\n font-size: 10px;\n color: #747474;\n font-family: \"Lucida Sans\", \"Lucida Sans Regular\", \"Lucida Grande\",\n \"Lucida Sans Unicode\", Geneva, Verdana, sans-serif;\n}\n\n.sign-up-link {\n margin-left: 1px;\n font-size: 11px;\n text-decoration: underline;\n text-decoration-color: teal;\n color: teal;\n cursor: pointer;\n font-weight: 800;\n font-family: \"Lucida Sans\", \"Lucida Sans Regular\", \"Lucida Grande\",\n \"Lucida Sans Unicode\", Geneva, Verdana, sans-serif;\n}\n\n.buttons-container {\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n margin-top: 20px;\n gap: 15px;\n}\n\n.apple-login-button,\n .google-login-button {\n border-radius: 20px;\n box-sizing: border-box;\n padding: 10px 15px;\n box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px,\n rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n font-family: \"Lucida Sans\", \"Lucida Sans Regular\", \"Lucida Grande\",\n \"Lucida Sans Unicode\", Geneva, Verdana, sans-serif;\n font-size: 11px;\n gap: 5px;\n}\n\n.apple-login-button {\n background-color: #000;\n color: #fff;\n border: 2px solid #000;\n}\n\n.google-login-button {\n border: 2px solid #747474;\n}\n\n.apple-icon,\n .google-icon {\n font-size: 18px;\n margin-bottom: 1px;\n}"},{"created":"2024-01-22T17:20:10.000Z","isPrivate":0,"projectId":"95d3db","snapshot":null,"tags":null,"title":"form by themrsami","updated":"2024-01-22T17:20:10.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":881,"cssLen":3664,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

Subscribe to Our Newsletter

\n\n \n\n

\n Privacy Policy\n

\n","css":".mb-4 {\n margin-bottom: 1rem\n}\n\n.mt-4 {\n margin-top: 1rem\n}\n\n.flex {\n display: flex\n}\n\n.h-screen {\n height: 100vh\n}\n\n.w-full {\n width: 100%\n}\n\n.max-w-md {\n max-width: 28rem\n}\n\n.flex-col {\n flex-direction: column\n}\n\n.items-center {\n align-items: center\n}\n\n.justify-center {\n justify-content: center\n}\n\n.rounded-lg {\n border-radius: 0.5rem\n}\n\n.rounded-md {\n border-radius: 0.375rem\n}\n\n.border-0 {\n border-width: 0px\n}\n\n.bg-gray-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity))\n}\n\n.bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n\n.bg-gradient-to-r {\n background-image: linear-gradient(to right, var(--tw-gradient-stops))\n}\n\n.from-indigo-500 {\n --tw-gradient-from: #6366f1 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n\n.to-blue-500 {\n --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position)\n}\n\n.p-2 {\n padding: 0.5rem\n}\n\n.p-6 {\n padding: 1.5rem\n}\n\n.px-4 {\n padding-left: 1rem;\n padding-right: 1rem\n}\n\n.py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem\n}\n\n.text-2xl {\n font-size: 1.5rem;\n line-height: 2rem\n}\n\n.text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem\n}\n\n.font-bold {\n font-weight: 700\n}\n\n.text-gray-600 {\n --tw-text-opacity: 1;\n color: rgb(75 85 99 / var(--tw-text-opacity))\n}\n\n.text-gray-800 {\n --tw-text-opacity: 1;\n color: rgb(31 41 55 / var(--tw-text-opacity))\n}\n\n.text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n\n.shadow-md {\n --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n\n.transition {\n transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n\n.duration-150 {\n transition-duration: 150ms\n}\n\n.ease-in-out {\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)\n}\n\n.hover\\:bg-indigo-600:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(79 70 229 / var(--tw-bg-opacity))\n}\n\n.hover\\:to-blue-600:hover {\n --tw-gradient-to: #2563eb var(--tw-gradient-to-position)\n}\n\n.hover\\:underline:hover {\n -webkit-text-decoration-line: underline;\n text-decoration-line: underline\n}\n\n.focus\\:bg-gray-200:focus {\n --tw-bg-opacity: 1;\n background-color: rgb(229 231 235 / var(--tw-bg-opacity))\n}\n\n.focus\\:outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px\n}\n\n.focus\\:ring-1:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.focus\\:ring-blue-500:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity))\n}"},{"created":"2024-01-22T17:20:10.000Z","isPrivate":0,"projectId":"593817","snapshot":null,"tags":null,"title":"form by SmookyDev","updated":"2024-01-22T17:20:10.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":10015,"cssLen":4011,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n \n

\n \n \n \n \n

\n \n \n \n \n \n \n \n
\n \n \n \n \n \n \n \n
\n \n \n \n \n \n \n \n

or use email your account

\n \n \n

\n Forget your Password?\n

\n \n Submit\n \n

\n\n","css":".my-6{margin-top:1.5rem;margin-bottom:1.5rem}.flex{display:flex}.inline-flex{display:inline-flex}.h-7{height:1.75rem}.h-full{height:100%}.h-screen{height:100vh}.w-auto{width:auto}.w-full{width:100%}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-10{gap:2.5rem}.gap-5{gap:1.25rem}.rounded{border-radius:0.25rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:0.375rem}.border{border-width:1px}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.bg-violet-500{--tw-bg-opacity:1;background-color:rgb(139 92 246 / var(--tw-bg-opacity))}.bg-white\\/50{background-color:rgb(255 255 255 / 0.5)}.bg-gradient-to-tr{background-image:linear-gradient(to top right, var(--tw-gradient-stops))}.from-violet-700{--tw-gradient-from:#6d28d9 var(--tw-gradient-from-position);--tw-gradient-to:rgb(109 40 217 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-violet-500{--tw-gradient-to:#8b5cf6 var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-center{background-position:center}.p-3{padding:0.75rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.text-right{text-align:right}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-semibold{font-weight:600}.italic{font-style:italic}.text-violet-500{--tw-text-opacity:1;color:rgb(139 92 246 / var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-white\\/50{color:rgb(255 255 255 / 0.5)}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.decoration-violet-500{-webkit-text-decoration-color:#8b5cf6;text-decoration-color:#8b5cf6}.transition{transition-property:color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.placeholder\\:text-sm::placeholder{font-size:0.875rem;line-height:1.25rem}.placeholder\\:text-violet-500::placeholder{--tw-text-opacity:1;color:rgb(139 92 246 / var(--tw-text-opacity))}.hover\\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.hover\\:text-violet-700:hover{--tw-text-opacity:1;color:rgb(109 40 217 / var(--tw-text-opacity))}.hover\\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\\:blur-0:hover{--tw-blur:blur(0);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\\:text-violet-500:focus{--tw-text-opacity:1;color:rgb(139 92 246 / var(--tw-text-opacity))}.focus\\:outline:focus{outline-style:solid}.focus\\:outline-offset-1:focus{outline-offset:1px}.focus\\:outline-violet-500:focus{outline-color:#8b5cf6}@media (min-width: 640px){.sm\\:h-8{height:2rem}}@media (min-width: 768px){.md\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}}"},{"created":"2024-01-22T17:20:10.000Z","isPrivate":0,"projectId":"a4a0b7","snapshot":null,"tags":null,"title":"form by KhelVers","updated":"2024-01-22T17:20:10.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":259,"cssLen":1692,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"","css":".form {\n height: 18em;\n width: 16em;\n padding: 4%;\n border-radius: 16px;\n background: #e8e8e8;\n box-shadow: 12px 12px 18px #bababa,\n -12px -12px 18px #ffffff;\n display: flex;\n flex-direction: column;\n align-items: stretch;\n justify-content: space-evenly;\n}\n\n#login-lable {\n height: 15%;\n text-align: center;\n font-size: 34px;\n letter-spacing: 3px;\n font-weight: 600;\n text-shadow: -2px -2px 3px #ffffff ,\n 2px 2px 3px #bababa;\n position: relative;\n top: -14px;\n}\n\n.input {\n height: 16%;\n padding: 1px 8px;\n border: none;\n font-size: 1em;\n letter-spacing: 2px;\n border-radius: 8px;\n background: #f3f3f3;\n box-shadow: inset -2px -2px 4px #ffffff,\n inset 2px 2px 4px rgba(0, 0, 0, 0.356);\n text-decoration: none;\n background: linear-gradient(to right,white, #80808010, white);\n background-size: 200% 200%;\n animation: input 4s infinite;\n}\n\n.input:focus-visible {\n outline: none;\n background: rgb(241, 241, 241);\n}\n\n#btn {\n font-size: x-large;\n letter-spacing: 3px;\n color: white;\n font-weight: 700;\n height: 18%;\n background: linear-gradient(144deg,#af40ff,\n #5b42f3 50%,#00ddeb);\n border-radius: 8px;\n border: none;\n box-shadow: inset 1px 3px 3px #ffffffbd,\n inset -4px -4px 3px #00000046;\n background-size: 150% 150%;\n animation: input 5s infinite;\n transition: all 900ms ease-in;\n}\n\n#btn:hover {\n position: relative;\n bottom: 3px;\n background: linear-gradient(144deg,#9706ff,\n #2f0fff 50%,#18f0ff);\n}\n\n@keyframes input {\n 0% {\n background-position: 0% 50%;\n }\n\n 50% {\n background-position: 100% 50%;\n }\n\n 100% {\n background-position: 0% 50%;\n }\n}\n "},{"created":"2024-01-22T17:20:10.000Z","isPrivate":0,"projectId":"db13d7","snapshot":null,"tags":null,"title":"form by sameer2malik","updated":"2024-01-22T17:20:10.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":10265,"cssLen":2103,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n \n

\n\n

","css":".container {\n display: flex;\n width: 520px;\n height: 500px;\n max-width: 99%;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n background-color: #ffffff25;\n border-radius: 15px;\n box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.03);\n border: 0.1px solid rgba(128, 128, 128, 0.178);\n}\n\n.left {\n width: 66%;\n height: 100%;\n}\n\n.form {\n display: flex;\n flex-direction: column;\n justify-content: center;\n height: 100%;\n width: 100%;\n left: 0;\n backdrop-filter: blur(20px);\n position: relative;\n}\n\n.form::before {\n position: absolute;\n content: \"\";\n width: 40%;\n height: 40%;\n right: 1%;\n z-index: -1;\n background: radial-gradient(\n circle,\n rgb(194, 13, 170) 20%,\n rgb(26, 186, 235) 60%,\n\n rgb(26, 186, 235) 100%\n );\n filter: blur(70px);\n border-radius: 50%;\n}\n\n.right {\n width: 34%;\n height: 100%;\n}\n\n.img {\n width: 100%;\n height: 100%;\n}\n\n.container::after {\n position: absolute;\n content: \"\";\n width: 80%;\n height: 80%;\n right: -40%;\n background: rgb(157, 173, 203);\n background: radial-gradient(\n circle,\n rgba(157, 173, 203, 1) 61%,\n rgba(99, 122, 159, 1) 100%\n );\n border-radius: 50%;\n z-index: -1;\n}\n\n.input,\nbutton {\n background: rgba(253, 253, 253, 0);\n outline: none;\n border: 1px solid rgba(255, 0, 0, 0);\n border-radius: 0.5rem;\n padding: 10px;\n margin: 10px auto;\n width: 80%;\n display: block;\n color: #425981;\n font-weight: 500;\n font-size: 1.1em;\n}\n\n.input-block {\n position: relative;\n}\n\nlabel {\n position: absolute;\n left: 15%;\n top: 37%;\n pointer-events: none;\n color: gray;\n}\n\n.forgot {\n display: block;\n margin: 5px 0 10px 0;\n margin-left: 35px;\n color: #5e7eb6;\n font-size: 0.9em;\n}\n\n.input:focus + label,\n.input:valid + label {\n transform: translateY(-120%) scale(0.9);\n transition: all 0.4s;\n}\n\nbutton {\n background-color: #5e7eb6;\n color: white;\n font-size: medium;\n box-shadow: 2px 4px 8px rgba(70, 70, 70, 0.178);\n}\n\na {\n color: #5e7eb6;\n}\n\n.input {\n box-shadow: inset 4px 4px 4px rgba(165, 163, 163, 0.315),\n 4px 4px 4px rgba(218, 218, 218, 0.13);\n}\n"},{"created":"2024-01-22T17:20:10.000Z","isPrivate":0,"projectId":"f13fdf","snapshot":null,"tags":null,"title":"form by themrsami","updated":"2024-01-22T17:20:10.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":1968,"cssLen":1544,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

AI Story Maker Dream Form

\n\n

\n Title\n \n

\n\n

\n Description\n \n

\n\n

\n Emotions\n \n

\n\n

\n Symbols\n \n

\n\n

\n Themes\n \n

\n\n

\n \n

\n\n

\n \n

\n","css":".mt-4 {\n margin-top: 1rem\n}\n\n.flex {\n display: flex\n}\n\n.h-48 {\n height: 12rem\n}\n\n.w-full {\n width: 100%\n}\n\n.flex-1 {\n flex: 1 1 0%\n}\n\n.flex-row {\n flex-direction: row\n}\n\n.flex-col {\n flex-direction: column\n}\n\n.justify-end {\n justify-content: flex-end\n}\n\n.space-x-2 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(0.5rem * var(--tw-space-x-reverse));\n margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))\n}\n\n.rounded-lg {\n border-radius: 0.5rem\n}\n\n.rounded-md {\n border-radius: 0.375rem\n}\n\n.border-gray-700 {\n --tw-border-opacity: 1;\n border-color: rgb(55 65 81 / var(--tw-border-opacity))\n}\n\n.bg-gray-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(31 41 55 / var(--tw-bg-opacity))\n}\n\n.bg-gray-900 {\n --tw-bg-opacity: 1;\n background-color: rgb(17 24 39 / var(--tw-bg-opacity))\n}\n\n.bg-teal-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(20 184 166 / var(--tw-bg-opacity))\n}\n\n.p-4 {\n padding: 1rem\n}\n\n.px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem\n}\n\n.px-4 {\n padding-left: 1rem;\n padding-right: 1rem\n}\n\n.py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem\n}\n\n.text-2xl {\n font-size: 1.5rem;\n line-height: 2rem\n}\n\n.font-bold {\n font-weight: 700\n}\n\n.text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n\n.hover\\:bg-teal-600:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(13 148 136 / var(--tw-bg-opacity))\n}\n\n.hover\\:text-white:hover {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity))\n}"},{"created":"2024-01-22T17:20:10.000Z","isPrivate":0,"projectId":"2fdc9a","snapshot":null,"tags":null,"title":"form by themrsami","updated":"2024-01-22T17:20:10.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":1766,"cssLen":3406,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

Product Feedback Form

\n\n \n

\n","css":".mb-4 {\n margin-bottom: 1rem\n}\n\n.mt-4 {\n margin-top: 1rem\n}\n\n.flex {\n display: flex\n}\n\n.h-screen {\n height: 100vh\n}\n\n.w-full {\n width: 100%\n}\n\n.max-w-md {\n max-width: 28rem\n}\n\n.flex-col {\n flex-direction: column\n}\n\n.items-center {\n align-items: center\n}\n\n.justify-center {\n justify-content: center\n}\n\n.rounded-lg {\n border-radius: 0.5rem\n}\n\n.rounded-md {\n border-radius: 0.375rem\n}\n\n.border-0 {\n border-width: 0px\n}\n\n.bg-gray-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity))\n}\n\n.bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n\n.bg-gradient-to-r {\n background-image: linear-gradient(to right, var(--tw-gradient-stops))\n}\n\n.from-indigo-500 {\n --tw-gradient-from: #6366f1 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n\n.to-blue-500 {\n --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position)\n}\n\n.p-2 {\n padding: 0.5rem\n}\n\n.p-6 {\n padding: 1.5rem\n}\n\n.px-4 {\n padding-left: 1rem;\n padding-right: 1rem\n}\n\n.py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem\n}\n\n.text-2xl {\n font-size: 1.5rem;\n line-height: 2rem\n}\n\n.font-bold {\n font-weight: 700\n}\n\n.text-gray-800 {\n --tw-text-opacity: 1;\n color: rgb(31 41 55 / var(--tw-text-opacity))\n}\n\n.text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n\n.shadow-md {\n --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n\n.transition {\n transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n\n.duration-150 {\n transition-duration: 150ms\n}\n\n.ease-in-out {\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)\n}\n\n.hover\\:bg-indigo-600:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(79 70 229 / var(--tw-bg-opacity))\n}\n\n.hover\\:to-blue-600:hover {\n --tw-gradient-to: #2563eb var(--tw-gradient-to-position)\n}\n\n.focus\\:bg-gray-200:focus {\n --tw-bg-opacity: 1;\n background-color: rgb(229 231 235 / var(--tw-bg-opacity))\n}\n\n.focus\\:outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px\n}\n\n.focus\\:ring-1:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.focus\\:ring-blue-500:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity))\n}"},{"created":"2024-01-22T17:20:10.000Z","isPrivate":0,"projectId":"d1b446","snapshot":null,"tags":null,"title":"form by themrsami","updated":"2024-01-22T17:20:10.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":1102,"cssLen":4335,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

Login

\n \n

\n","css":".absolute {\n position: absolute\n}\n\n.relative {\n position: relative\n}\n\n.-bottom-2 {\n bottom: -0.5rem\n}\n\n.-left-2 {\n left: -0.5rem\n}\n\n.-right-2 {\n right: -0.5rem\n}\n\n.-top-2 {\n top: -0.5rem\n}\n\n.z-10 {\n z-index: 10\n}\n\n.mb-10 {\n margin-bottom: 2.5rem\n}\n\n.flex {\n display: flex\n}\n\n.h-12 {\n height: 3rem\n}\n\n.h-96 {\n height: 24rem\n}\n\n.w-80 {\n width: 20rem\n}\n\n.w-full {\n width: 100%\n}\n\n.transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n@keyframes pulse {\n 50% {\n opacity: .5\n }\n}\n\n.animate-pulse {\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite\n}\n\n.items-center {\n align-items: center\n}\n\n.justify-center {\n justify-content: center\n}\n\n.space-y-5 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))\n}\n\n.rounded {\n border-radius: 0.25rem\n}\n\n.rounded-lg {\n border-radius: 0.5rem\n}\n\n.border {\n border-width: 1px\n}\n\n.border-gray-800 {\n --tw-border-opacity: 1;\n border-color: rgb(31 41 55 / var(--tw-border-opacity))\n}\n\n.bg-blue-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n\n.bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n\n.bg-gradient-to-r {\n background-image: linear-gradient(to right, var(--tw-gradient-stops))\n}\n\n.from-purple-400 {\n --tw-gradient-from: #c084fc var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n\n.via-pink-500 {\n --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), #ec4899 var(--tw-gradient-via-position), var(--tw-gradient-to)\n}\n\n.to-red-500 {\n --tw-gradient-to: #ef4444 var(--tw-gradient-to-position)\n}\n\n.p-16 {\n padding: 4rem\n}\n\n.px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem\n}\n\n.px-4 {\n padding-left: 1rem;\n padding-right: 1rem\n}\n\n.py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem\n}\n\n.text-center {\n text-align: center\n}\n\n.text-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem\n}\n\n.text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem\n}\n\n.font-bold {\n font-weight: 700\n}\n\n.text-blue-500 {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n.text-gray-800 {\n --tw-text-opacity: 1;\n color: rgb(31 41 55 / var(--tw-text-opacity))\n}\n\n.text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n\n.shadow-2xl {\n --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n\n.shadow-lg {\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n\n.transition {\n transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n\n.duration-500 {\n transition-duration: 500ms\n}\n\n.ease-in-out {\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)\n}\n\n.hover\\:bg-blue-700:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(29 78 216 / var(--tw-bg-opacity))\n}\n\n.hover\\:text-blue-800:hover {\n --tw-text-opacity: 1;\n color: rgb(30 64 175 / var(--tw-text-opacity))\n}\n\n.focus\\:outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px\n}"}]}},"actionData":null,"errors":null}

Sign in

Subscribe to Our Newsletter

\n \n \n \n \n

AI Story Maker Dream Form

Product Feedback Form

Login