{"loaderData":{"0":null,"0-3":{"total":7437,"projects":[{"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}"},{"created":"2024-01-22T17:20:10.000Z","isPrivate":0,"projectId":"c0473b","snapshot":null,"tags":null,"title":"form by jimmychen338","updated":"2024-01-22T17:20:10.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":1215,"cssLen":2550,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"\n \n\n","css":".-mx-2 {\n margin-left: -0.5rem;\n margin-right: -0.5rem;\n}\n.mb-2 {\n margin-bottom: 0.5rem;\n}\n.mb-4 {\n margin-bottom: 1rem;\n}\n.mt-1 {\n margin-top: 0.25rem;\n}\n.block {\n display: block;\n}\n.flex {\n display: flex;\n}\n.h-80 {\n height: 20rem;\n}\n.w-64 {\n width: 16rem;\n}\n.w-full {\n width: 100%;\n}\n.flex-col {\n flex-direction: column;\n}\n.justify-between {\n justify-content: space-between;\n}\n.rounded {\n border-radius: 0.25rem;\n}\n.border-4 {\n border-width: 4px;\n}\n.border-dotted {\n border-style: dotted;\n}\n.border-indigo-500 {\n --tw-border-opacity: 1;\n border-color: rgb(99 102 241 / var(--tw-border-opacity));\n}\n.bg-indigo-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(238 242 255 / var(--tw-bg-opacity));\n}\n.bg-indigo-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(99 102 241 / var(--tw-bg-opacity));\n}\n.p-2 {\n padding: 0.5rem;\n}\n.p-3 {\n padding: 0.75rem;\n}\n.p-5 {\n padding: 1.25rem;\n}\n.px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n.text-center {\n text-align: center;\n}\n.text-right {\n text-align: right;\n}\n.text-xs {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n.font-bold {\n font-weight: 700;\n}\n.italic {\n font-style: italic;\n}\n.text-indigo-50 {\n --tw-text-opacity: 1;\n color: rgb(238 242 255 / var(--tw-text-opacity));\n}\n.text-indigo-500 {\n --tw-text-opacity: 1;\n color: rgb(99 102 241 / var(--tw-text-opacity));\n}\n.shadow {\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),\n 0 1px 2px -1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),\n var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n.after\\:text-red-400::after {\n content: var(--tw-content);\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity));\n}\n.after\\:content-\\[\\'\\*\\'\\]::after {\n --tw-content: \"*\";\n content: var(--tw-content);\n}\n.hover\\:bg-indigo-400:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(129 140 248 / var(--tw-bg-opacity));\n}\n.focus\\:ring-2:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0\n var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0\n calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),\n var(--tw-shadow, 0 0 #0000);\n}\n.focus\\:ring-indigo-500:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));\n}\n"},{"created":"2024-01-22T17:20:10.000Z","isPrivate":0,"projectId":"efb576","snapshot":null,"tags":null,"title":"form by KhelVers","updated":"2024-01-22T17:20:10.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":381,"cssLen":948,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":" ","css":".login-container {\n width: 300px;\n padding: 20px;\n background: #fff;\n border-radius: 8px;\n box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1), 0px 0px 0px 3px #3498db, inset 0px 0px 10px rgba(0, 0, 0, 0.1);\n}\n\n.login-header {\n font-size: x-large;\n font-weight: 600;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.login-header h1 {\n color: #333;\n font-size: 24px;\n}\n\n.login-input {\n width: 100%;\n padding: 10px;\n margin-bottom: 15px;\n border: none;\n background: #f5f5f5;\n border-radius: 4px;\n box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);\n}\n\n.login-button {\n width: 100%;\n padding: 10px;\n border: none;\n background: #3498db;\n color: #fff;\n font-weight: bold;\n border-radius: 4px;\n cursor: pointer;\n box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1), inset 0px 1px 3px rgba(255, 255, 255, 0.5);\n transition: background 0.3s ease, transform 0.2s ease;\n}\n\n.login-button:hover {\n background: #2980b9;\n transform: translateY(-2px);\n}"},{"created":"2024-01-22T17:20:10.000Z","isPrivate":0,"projectId":"458452","snapshot":null,"tags":null,"title":"form by kennyotsu-monochromia","updated":"2024-01-22T17:20:10.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":631,"cssLen":2720,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"","css":".form {\n --black: #000000;\n --ch-black: #141414;\n --eer-black: #1b1b1b;\n --night-rider: #2e2e2e;\n --white: #ffffff;\n --af-white: #f3f3f3;\n --ch-white: #e1e1e1;\n --tomato: #fa5656;\n font-family: Helvetica, sans-serif;\n padding: 25px;\n display: flex;\n max-width: 420px;\n flex-direction: column;\n align-items: center;\n overflow: hidden;\n color: var(--af-white);\n background-color: var(--black);\n border-radius: 8px;\n position: relative;\n box-shadow: 10px 10px 10px rgba(0, 0, 0, .1);\n}\n\n/*----heading and description-----*/\n\n.info {\n margin-bottom: 20px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n}\n\n.title {\n font-size: 1.5rem;\n font-weight: 900;\n}\n\n.description {\n margin-top: 10px;\n font-size: 1rem;\n}\n\n/*----input-fields------*/\n\n.form .input-fields {\n display: flex;\n justify-content: space-between;\n gap: 10px;\n}\n\n.form .input-fields input {\n height: 2.5em;\n width: 2.5em;\n outline: none;\n text-align: center;\n font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;\n font-size: 1.5rem;\n color: var(--af-white);\n border-radius: 5px;\n border: 2.5px solid var(--eer-black);\n background-color: var(--eer-black);\n}\n\n.form .input-fields input:focus {\n border: 1px solid var(--af-white);\n box-shadow: inset 10px 10px 10px rgba(0, 0, 0, .15);\n transform: scale(1.05);\n transition: 0.5s;\n}\n\n/*-----verify and clear buttons-----*/\n\n.action-btns {\n display: flex;\n margin-top: 20px;\n gap: 0.5rem;\n}\n\n.verify {\n padding: 10px 20px;\n text-decoration: none;\n border-radius: 5px;\n font-size: 1rem;\n font-weight: 500;\n color: var(--night-rider);\n text-shadow: none;\n background: var(--af-white);\n box-shadow: transparent;\n border: 1px solid var(--af-white);\n transition: 0.3s ease;\n user-select: none;\n}\n\n.verify:hover,.verify:focus {\n color: var(--night-rider);\n background: var(--white);\n}\n\n.clear {\n padding: 10px 20px;\n text-decoration: none;\n border-radius: 5px;\n font-size: 1rem;\n font-weight: 500;\n color: var(--ch-white);\n text-shadow: none;\n background: transparent;\n border: 1px solid var(--ch-white);\n transition: 0.3s ease;\n user-select: none;\n}\n\n.clear:hover,.clear:focus {\n color: var(--tomato);\n background-color: transparent;\n border: 1px solid var(--tomato);\n}\n\n/*-----close button------*/\n\n.close {\n position: absolute;\n right: 10px;\n top: 10px;\n background-color: var(--night-rider);\n color: var(--ch-white);\n height: 30px;\n width: 30px;\n display: grid;\n place-items: center;\n border-radius: 5px;\n cursor: pointer;\n font-weight: 600;\n transition: .5s ease;\n}\n\n.close:hover {\n background-color: var(--tomato);\n color: var(--white);\n}"},{"created":"2024-01-22T17:20:10.000Z","isPrivate":0,"projectId":"aa8900","snapshot":null,"tags":null,"title":"form by Yaya12085","updated":"2024-01-22T17:20:10.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":1137,"cssLen":1859,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"\n","css":".plan-chooser {\n background-color: rgba(255, 255, 255, 1);\n max-width: 320px;\n border-radius: 10px;\n padding: 20px;\n color: #000;\n box-shadow: 0px 87px 78px -39px rgba(0,0,0,0.4);\n}\n\n.header {\n text-align: center;\n margin-top: 0.75rem;\n}\n\n.plan-chooser .title {\n font-size: 1.875rem;\n font-weight: 700;\n line-height: 1.25rem;\n color: rgba(0, 0, 0, 1);\n}\n\n.plan-chooser .desc {\n margin-top: 0.4rem;\n font-size: 1rem;\n line-height: 1.5rem;\n color: rgba(75, 85, 99, 1);\n}\n\n.plan-option {\n margin-top: 1rem;\n margin-bottom: 15px;\n}\n\n.plan-option label {\n cursor: pointer;\n overflow: hidden;\n border: 2px solid rgba(229, 231, 235, 1);\n border-radius: 0.375rem;\n background-color: rgba(249, 250, 251, 1);\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1rem .4rem;\n margin: 10px 0;\n transform: all .15s ease;\n}\n\n.plan-option label .plan-info {\n display: flex;\n flex-direction: column;\n margin-left: 10px;\n}\n\n.plan-cost {\n font-size: 1.25rem;\n line-height: 1.75rem;\n font-weight: 600;\n color: rgba(0, 0, 0, 1);\n}\n\n.plan-name {\n font-size: 0.875rem;\n line-height: 1.25rem;\n color: rgba(75, 85, 99, 1);\n}\n\n.reduction {\n display: inline-block;\n border-radius: 9999px;\n border: 1px solid rgba(22, 163, 74, 1);\n background-color: rgba(220, 252, 231, 1);\n padding: 0.2rem .4rem;\n font-size: 0.675rem;\n line-height: 1.25rem;\n font-weight: 600;\n color: rgba(22, 163, 74, 1);\n}\n\n.plan-option input:checked + label {\n border-color: rgba(37, 99, 235, 1);\n}\n\n.choose-btn {\n width: 100%;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: 0.375rem;\n background-color: rgba(37, 99, 235, 1);\n padding: 1rem 3rem;\n font-weight: 600;\n color: #fff;\n transform: all .15s ease;\n}\n\n.choose-btn:hover {\n opacity: .9;\n}\n\n.plan-option input {\n display: none;\n}"}]}},"actionData":null,"errors":null}