{"loaderData":{"0":null,"0-3":{"total":7356,"projects":[{"created":"2024-01-22T17:11:23.000Z","isPrivate":0,"projectId":"d785ed","snapshot":null,"tags":null,"title":"card by kennyotsu","updated":"2024-01-22T17:11:23.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":15106,"cssLen":1180,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n \n

Super Petya

Cool guy

\n ★★★★★\n

\n Cucumba\n

\n ▲Helpful\n Share\n Feb 10\n ...\n

","css":".-mt-1{margin-top:-0.25rem}.-mt-3{margin-top:-0.75rem}.mt-2{margin-top:0.5rem}.mt-4{margin-top:1rem}.flex{display:flex}.h-12{height:3rem}.w-12{width:3rem}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-1{gap:0.25rem}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.rounded-2xl{border-radius:1rem}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-8{padding:2rem}.text-\\[12px\\]{font-size:12px}.text-\\[18px\\]{font-size:18px}.text-\\[8px\\]{font-size:8px}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-semibold{font-weight:600}.italic{font-style:italic}.tracking-\\[1px\\]{letter-spacing:1px}.tracking-\\[2px\\]{letter-spacing:2px}.text-\\[\\#005ef6\\]{--tw-text-opacity:1;color:rgb(0 94 246 / var(--tw-text-opacity))}.text-\\[\\#4b587c\\]{--tw-text-opacity:1;color:rgb(75 88 124 / var(--tw-text-opacity))}.text-\\[\\#ff6154\\]{--tw-text-opacity:1;color:rgb(255 97 84 / var(--tw-text-opacity))}.hover\\:text-\\[\\#ff6154\\]:hover{--tw-text-opacity:1;color:rgb(255 97 84 / var(--tw-text-opacity))}"},{"created":"2024-01-22T17:11:23.000Z","isPrivate":0,"projectId":"802eef","snapshot":null,"tags":null,"title":"card by gharsh11032000","updated":"2024-01-22T17:11:23.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":338,"cssLen":1061,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

Card Hover Effect\n

\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi\n laboriosam at voluptas minus culpa deserunt delectus sapiente\n inventore pariatur\n

\n \n

","css":".card {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 320px;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);\n padding: 32px;\n overflow: hidden;\n border-radius: 10px;\n background: #212121;\n border: 2px solid #313131;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.320, 1);\n}\n\n.content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 20px;\n color: #e8e8e8;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.320, 1);\n}\n\n.content .heading {\n font-weight: 700;\n font-size: 32px;\n}\n\n.content .para {\n line-height: 1.5;\n}\n\n.content .btn {\n color: #e8e8e8;\n text-decoration: none;\n padding: 10px;\n font-weight: 600;\n border: none;\n cursor: pointer;\n background: #0974f1;\n border-radius: 5px;\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n}\n\n.card:hover {\n box-shadow: 0 0 20px rgba(9, 117, 241, 0.8);\n border-color: #0974f1;\n}\n\n.content .btn:hover {\n outline: 2px solid #e8e8e8;\n background: transparent;\n color: #e8e8e8;\n}\n\n.content .btn:active {\n box-shadow: none;\n}\n"},{"created":"2024-01-22T17:11:23.000Z","isPrivate":0,"projectId":"aee8ea","snapshot":null,"tags":null,"title":"card by Javierrocadev","updated":"2024-01-22T17:11:23.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":3188,"cssLen":3467,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n Wed, Sep 19\n 12:58\n

\n 89\n

\n \n \n \n

\n fitbit\n

","css":".relative{position:relative}.z-10{z-index:10}.flex{display:flex}.h-40{height:10rem}.h-5{height:1.25rem}.h-52{height:13rem}.h-56{height:14rem}.h-60{height:15rem}.w-44{width:11rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-52{width:13rem}.w-56{width:14rem}.w-60{width:15rem}@keyframes bounce{0%, 100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,0.2,1)}}.animate-bounce{animation:bounce 1s infinite}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.bg-neutral-900{--tw-bg-opacity:1;background-color:rgb(23 23 23 / var(--tw-bg-opacity))}.bg-sky-500{--tw-bg-opacity:1;background-color:rgb(14 165 233 / var(--tw-bg-opacity))}.fill-current{fill:currentColor}.fill-red-500{fill:#ef4444}.text-6xl{font-size:3.75rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:0.75rem;line-height:1rem}.font-bold{font-weight:700}.font-light{font-weight:300}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6 / var(--tw-text-opacity))}.text-gray-50{--tw-text-opacity:1;color:rgb(249 250 251 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity))}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-gray-50{--tw-shadow-color:#f9fafb;--tw-shadow:var(--tw-shadow-colored)}.\\[text-shadow\\:_2px_2px_\\#fff\\2c _1px_2px_\\#fff\\]{text-shadow:2px 2px #fff, 1px 2px #fff}.\\[text-shadow\\:none\\]{text-shadow:none}.before\\:absolute::before{content:var(--tw-content);position:absolute}.before\\:-right-2::before{content:var(--tw-content);right:-0.5rem}.before\\:top-16::before{content:var(--tw-content);top:4rem}.before\\:top-24::before{content:var(--tw-content);top:6rem}.before\\:-z-10::before{content:var(--tw-content);z-index:-10}.before\\:h-12::before{content:var(--tw-content);height:3rem}.before\\:w-12::before{content:var(--tw-content);width:3rem}.before\\:w-3::before{content:var(--tw-content);width:0.75rem}.before\\:rounded-2xl::before{content:var(--tw-content);border-radius:1rem}.before\\:rounded-full::before{content:var(--tw-content);border-radius:9999px}.before\\:bg-orange-800::before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(154 52 18 / var(--tw-bg-opacity))}.before\\:bg-sky-500::before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(14 165 233 / var(--tw-bg-opacity))}.before\\:shadow-inner::before{content:var(--tw-content);--tw-shadow:inset 0 2px 4px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.before\\:shadow-gray-50::before{content:var(--tw-content);--tw-shadow-color:#f9fafb;--tw-shadow:var(--tw-shadow-colored)}.before\\:blur-xl::before{content:var(--tw-content);--tw-blur:blur(24px);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)}"},{"created":"2024-01-22T17:11:23.000Z","isPrivate":0,"projectId":"8ab40d","snapshot":null,"tags":null,"title":"card by ahmed150up","updated":"2024-01-22T17:11:23.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":414,"cssLen":777,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n \n

User name

\n\n

\n","css":".voice-chat-card {\n width: 300px;\n margin: 20px auto;\n border: 1px solid #ccc;\n border-radius: 10px;\n box-shadow: 2px 2px 10px #ccc;\n padding: 10px;\n background-color: #e8e8e8;\n}\n\n.voice-chat-card-header {\n display: flex;\n align-items: center;\n margin-bottom: 10px;\n}\n\n.avatar {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n margin-right: 10px;\n color: black;\n background-color: #333;\n}\n\n.username {\n margin: 0;\n font-size: 18px;\n color: black;\n}\n\n.status {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background-color: green;\n margin-left: 10px;\n}\n\n.voice-chat-card-body {\n padding: 10px;\n}\n\n.status-text {\n font-size: 14px;\n margin-bottom: 10px;\n}\n\n.audio-container {\n display: flex;\n align-items: center;\n}\n\naudio {\n width: 100%;\n}\n"},{"created":"2024-01-22T17:11:23.000Z","isPrivate":0,"projectId":"44460d","snapshot":null,"tags":null,"title":"card by kennyotsu","updated":"2024-01-22T17:11:23.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":3083,"cssLen":1591,"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

Hover For Free*
Uiverse Points

*at the expense of your sanity

","css":"/* RIP Uiverse points, welcome Creator points! */\n\n.card-id567 {\n width: 190px;\n height: 190px;\n background: rgb(255, 255, 255);\n border-radius: 1rem;\n padding: 1rem;\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: 300ms ease;\n animation: 8s thumb-thumb infinite;\n}\n\n.card-id567 svg path {\n transition: 300ms ease;\n stroke: rgb(20, 20, 20);\n opacity: 0;\n}\n\n.bold-567 {\n font-weight: bold;\n}\n\n.blurry-splash {\n position: absolute;\n inset: 0;\n width: 60px;\n margin: 0 auto;\n height: 60px;\n border-radius: 1rem;\n z-index: -1;\n opacity: 70%;\n filter: blur(15px);\n background: linear-gradient(\n 120deg, rgb(119, 0, 255)\n , rgb(22, 94, 250), rgb(44, 226, 250));\n}\n\n.prompt-id567 {\n position: absolute;\n color: rgb(29, 29, 29);\n text-align: center;\n}\n\n.really-small-text {\n text-align: center;\n width: 100%;\n position: absolute;\n font-size: 8px;\n margin-top: 28px;\n opacity: 0.5;\n}\n\n.card-id567:hover {\n cursor: none;\n}\n\n.card-id567:hover .prompt-id567 {\n transition: 300ms ease;\n opacity: 0;\n}\n\n.token-container {\n animation: 2s spinny-token-yayyy infinite;\n margin-bottom: 10px;\n}\n\n.prompt-id567 svg path {\n stroke: none;\n opacity: 1;\n}\n\n.card-id567:hover svg path {\n opacity: 1;\n}\n\n@keyframes spinny-token-yayyy {\n 0% {\n transform: perspective(200px) rotateY(0deg);\n }\n\n 100% {\n transform: perspective(200px) rotateY(360deg);\n }\n}\n\n@keyframes thumb-thumb {\n 0%, 10%, 100% {\n transform: scale(100%);\n }\n\n 5% {\n transform: scale(103%);\n }\n\n 7% {\n transform: scale(97%);\n }\n}"},{"created":"2024-01-22T17:11:23.000Z","isPrivate":0,"projectId":"15c52f","snapshot":null,"tags":null,"title":"card by Cornerstone-04","updated":"2024-01-22T17:11:23.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":32,"cssLen":459,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

Hover me

","css":".card {\n width: 160px;\n height: 200px;\n background: #ffffff;\n transform: rotate(20deg) skew(-10deg, -5deg);\n transition: .4s linear;\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n font-size: 1.2rem;\n font-weight: 700;\n line-height: 200px;\n}\n\n.card:hover {\n box-shadow: rgba(0,0,0,0.5) 5px 3px,\n rgba(0,0,0,0.4) 10px 6px,\n rgba(0,0,0,0.3) 15px 9px;\n background: #000;\n color: #fff;\n font-size: 1.5rem;\n}"},{"created":"2024-01-22T17:11:23.000Z","isPrivate":0,"projectId":"604135","snapshot":null,"tags":null,"title":"card by aadium","updated":"2024-01-22T17:11:23.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":3794,"cssLen":2069,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n\t\t\n

\n\t

\n\t\tNebula Ludis\n\t

\n\t

\n\t\t$149.90\n\t

\n\t

\n \n \n B\n \n \n \n D\n \n \n \n \n 2E\n \n \n \n \n 4E\n \n

\n\t\n

","css":".card {\n width: 230px;\n height: 340px;\n background: #131313;\n border: 2px solid #569E67;\n border-radius: 40px;\n}\n\n.image {\n background-color: #1f1f1fa3;\n border-radius: 2.5em 2.5em 0em 0em;\n width: 100%;\n height: 37%;\n padding: 2px;\n}\n\n.image svg {\n width: 75%;\n margin-top: -335px;\n margin-left: 30px;\n}\n\n.productTitle {\n text-align: center;\n font-size: 22px;\n font-weight: bold;\n color: #569E67;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n margin-top: 10px;\n}\n\n.cost {\n text-align: center;\n margin-top: 10px;\n font-weight: bold;\n color: white;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n}\n\n.radio-inputs {\n position: relative;\n margin-top: 20px;\n margin-left: 13px;\n display: flex;\n flex-wrap: wrap;\n border-radius: 0.5rem;\n background-color: #182b1c;\n box-sizing: border-box;\n box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.06);\n padding: 0.25rem;\n width: 200px;\n font-size: 14px;\n}\n\n.radio-inputs .radio {\n flex: 1 1 auto;\n text-align: center;\n}\n\n.radio-inputs .radio input {\n display: none;\n}\n\n.radio-inputs .radio .name {\n display: flex;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n border-radius: 0.5rem;\n border: none;\n padding: .5rem 0;\n color: #fff;\n transition: all .15s ease-in-out;\n}\n\n.radio-inputs .radio input:checked + .name {\n background-color: #000;\n color: #569E67;\n font-weight: 600;\n}\n\n.addtocart {\n width: 100%;\n margin-top: 19px;\n padding: 15px;\n border: none;\n border-top: 2px solid #569E67;\n background-color: #131313;\n color: #569E67;\n font-weight: bold;\n font-size: 15px;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n border-radius: 0px 0px 38px 38px;\n transition: 0.2s;\n}\n\n.addtocart:hover {\n background-color: #569E67;\n border-top: 2px solid transparent;\n color: #111111;\n}"},{"created":"2024-01-22T17:11:23.000Z","isPrivate":0,"projectId":"6d75d2","snapshot":null,"tags":null,"title":"card by wojtek221221","updated":"2024-01-22T17:11:23.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":324,"cssLen":959,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"","css":".cookie-card {\n border-radius: 15px;\n width: 320px;\n height: 200px;\n background-color: #fff;\n}\n\n.cookie-title {\n font-size: 20px;\n position: relative;\n left: 90px;\n top: 15px;\n font-weight: bold;\n color: rgb(31 41 55);\n}\n\n.cookie-description {\n position: relative;\n top: 25px;\n font-size: 15px;\n text-align: center;\n font-family: Verdana, Geneva, Tahoma, sans-serif;\n color: rgb(75 85 99);\n}\n\n.cookies-policy {\n color: rgb(31 41 55);\n text-decoration: underline;\n}\n\n.cookies-policy:hover {\n text-decoration: none;\n}\n\n.cookies-policy:active {\n color: rgba(31, 41, 55, 0.61);\n ;\n}\n\n.accept-button {\n cursor: pointer;\n font-weight: bold;\n border-radius: 5px;\n width: 85px;\n height: 35px;\n background-color: rgba(255, 255, 255, 0);\n position: relative;\n left: 115px;\n top: 45px;\n}\n\n.accept-button:hover {\n background-color: rgb(31 41 55);\n color: #fff;\n border: rgb(31 41 55);\n ;\n}\n\n.accept-button:active {\n font-weight: 100;\n}\n"},{"created":"2024-01-22T17:11:23.000Z","isPrivate":0,"projectId":"558d2d","snapshot":null,"tags":null,"title":"card by ahmed150up","updated":"2024-01-22T17:11:23.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":564,"cssLen":1420,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

ChatGPT

Hello, how can I assist you today?

I have a question about your services.

Sure, I'm here to help. What would you like to know?

\n \n

\n","css":".chat-card {\n width: 300px;\n background-color: #fff;\n border-radius: 5px;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n}\n\n.chat-header {\n padding: 10px;\n background-color: #f2f2f2;\n display: flex;\n align-items: center;\n}\n\n.chat-header .h2 {\n font-size: 16px;\n color: #333;\n}\n\n.chat-body {\n padding: 20px;\n}\n\n.message {\n margin-bottom: 10px;\n padding: 10px;\n border-radius: 5px;\n}\n\n.incoming {\n background-color: #e1e1e1;\n}\n\n.outgoing {\n background-color: #f2f2f2;\n text-align: right;\n}\n\n.message p {\n font-size: 14px;\n color: #333;\n margin: 0;\n}\n\n.chat-footer {\n padding: 10px;\n background-color: #f2f2f2;\n display: flex;\n}\n\n.chat-footer input[type=\"text\"] {\n flex-grow: 1;\n padding: 5px;\n border: none;\n border-radius: 3px;\n}\n\n.chat-footer button {\n padding: 5px 10px;\n border: none;\n background-color: #4285f4;\n color: #fff;\n font-weight: bold;\n cursor: pointer;\n transition: background-color 0.3s;\n}\n\n.chat-footer button:hover {\n background-color: #0f9d58;\n}\n\n@keyframes chatAnimation {\n 0% {\n opacity: 0;\n transform: translateY(10px);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.chat-card .message {\n animation: chatAnimation 0.3s ease-in-out;\n animation-fill-mode: both;\n animation-delay: 0.1s;\n}\n\n.chat-card .message:nth-child(even) {\n animation-delay: 0.2s;\n}\n\n.chat-card .message:nth-child(odd) {\n animation-delay: 0.3s;\n}\n"},{"created":"2024-01-22T17:11:23.000Z","isPrivate":0,"projectId":"cf2156","snapshot":null,"tags":null,"title":"card by arafatrahat94","updated":"2024-01-22T17:11:23.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":604,"cssLen":2164,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

Clans of Clash

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

Price:

\n","css":".cardCollection {\n width: 100%;\n max-width: 290px;\n height: 80px;\n background: #353535;\n border-radius: 20px;\n display: flex;\n align-items: center;\n justify-content: left;\n\n transition: 0.5s ease-in-out;\n}\n\n.cardCollection:hover {\n cursor: pointer;\n transform: scale(1.05);\n}\n\n.cardCollectionimg {\n width: 50px;\n height: 50px;\n margin-left: 10px;\n border-radius: 10px;\n background: linear-gradient(#d7cfcf, #9198e5);\n}\n\n.cardCollection:hover > .cardCollectionimg {\n transition: 0.5s ease-in-out;\n background: linear-gradient(#9198e5, #712020);\n}\n\n.cardCollectiontextBox {\n width: calc(100% - 90px);\n margin-left: 10px;\n color: white;\n font-family: \"Poppins\" sans-serif;\n}\n\n.cardCollectiontextContent {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.span {\n font-size: 10px;\n}\n\n.cardCollectionh1 {\n font-size: 16px;\n font-weight: bold;\n}\n\n.cardCollectionp {\n font-size: 12px;\n font-weight: lighter;\n}\n.cardCollectioncheckbox-container {\n display: inline-block;\n position: relative;\n padding-left: 35px;\n margin-bottom: 12px;\n cursor: pointer;\n font-size: 16px;\n user-select: none;\n}\n\n.cardCollectioncustom-checkbox {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n\n.cardCollectioncheckmark {\n position: absolute;\n top: 0;\n left: 0;\n height: 25px;\n width: 25px;\n background-color: #eee;\n border-radius: 4px;\n transition: background-color 0.3s;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\n}\n\n.cardCollectioncheckmark:after {\n content: \"\";\n position: absolute;\n display: none;\n left: 9px;\n top: 5px;\n width: 5px;\n height: 10px;\n border: solid white;\n border-width: 0 3px 3px 0;\n transform: rotate(45deg);\n}\n\n.cardCollectioncustom-checkbox:checked ~ .cardCollectioncheckmark {\n background-color: #2196f3;\n box-shadow: 0 3px 7px rgba(33, 150, 243, 0.3);\n}\n\n.cardCollectioncustom-checkbox:checked ~ .cardCollectioncheckmark:after {\n display: block;\n}\n\n@keyframes checkAnim {\n 0% {\n height: 0;\n }\n\n 100% {\n height: 10px;\n }\n}\n\n.cardCollectioncustom-checkbox:checked ~ .cardCollectioncheckmark:after {\n animation: checkAnim 0.2s forwards;\n}\n"},{"created":"2024-01-22T17:11:23.000Z","isPrivate":0,"projectId":"d487d7","snapshot":null,"tags":null,"title":"card by anthondevg","updated":"2024-01-22T17:11:23.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":827,"cssLen":2956,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n ╳ \n ▣ \n — \n

\n WINDOWS XP TIMES

","css":".absolute{position:absolute}.relative{position:relative}.right-0{right:0px}.right-14{right:3.5rem}.right-7{right:1.75rem}.top-\\[2px\\]{top:2px}.mr-1{margin-right:0.25rem}.mr-2{margin-right:0.5rem}.mr-3{margin-right:0.75rem}.flex{display:flex}.h-72{height:18rem}.w-72{width:18rem}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-md{border-radius:0.375rem}.rounded-xl{border-radius:0.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235 / var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))}.from-blue-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-800{--tw-gradient-from:#1e40af var(--tw-gradient-from-position);--tw-gradient-to:rgb(30 64 175 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-800{--tw-gradient-from:#991b1b var(--tw-gradient-from-position);--tw-gradient-to:rgb(153 27 27 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-\\[12\\%\\]{--tw-gradient-from-position:12%}.via-blue-500{--tw-gradient-to:rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #3b82f6 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-red-500{--tw-gradient-to:rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #ef4444 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-white{--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-\\[12\\%\\]{--tw-gradient-via-position:12%}.to-blue-800{--tw-gradient-to:#1e40af var(--tw-gradient-to-position)}.to-red-800{--tw-gradient-to:#991b1b var(--tw-gradient-to-position)}.to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}.to-70\\%{--tw-gradient-to-position:70%}.px-2{padding-left:0.5rem;padding-right:0.5rem}.py-\\[\\.6em\\]{padding-top:.6em;padding-bottom:.6em}.text-\\[\\.6em\\]{font-size:.6em}.font-bold{font-weight:700}.text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}"},{"created":"2024-01-22T17:11:23.000Z","isPrivate":0,"projectId":"234330","snapshot":null,"tags":null,"title":"card by sahilxkhadka","updated":"2024-01-22T17:11:23.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":788,"cssLen":1029,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

5430 4900 3232 9755

Elon Musk

Valid Date

2/14/2024

\n \n

","css":".relative{position:relative}.flex{display:flex}.h-\\[260px\\]{height:260px}.w-\\[400px\\]{width:400px}.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-10{gap:2.5rem}.gap-8{gap:2rem}.self-end{align-self:flex-end}.self-center{align-self:center}.rounded-3xl{border-radius:1.5rem}.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.from-purple-500{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-pink-500{--tw-gradient-to:#ec4899 var(--tw-gradient-to-position)}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-medium{font-weight:500}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}"}]}},"actionData":null,"errors":null}