Created
September 1, 2024 02:13
-
-
Save Spiritbocs/711517be96ed985e612c3c08bef9d93a to your computer and use it in GitHub Desktop.
https://play.tailwindcss.com Website & Stylesheet Unofficial Clone
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en" class="fixed overflow-hidden h-full"> | |
| <head> | |
| <meta name="viewport" content="width=device-width" /> | |
| <meta charSet="utf-8" /> | |
| <link rel="apple-touch-icon" sizes="180x180" href="https://play.tailwindcss.com/favicons/apple-touch-icon.png?v=3" /> | |
| <link rel="icon" type="image/png" sizes="32x32" href="https://play.tailwindcss.com/favicons/favicon-32x32.png?v=3" /> | |
| <link rel="icon" type="image/png" sizes="16x16" href="https://play.tailwindcss.com/favicons/favicon-16x16.png?v=3" /> | |
| <link rel="manifest" href="https://play.tailwindcss.com/favicons/site.webmanifest?v=3" /> | |
| <link rel="mask-icon" href="https://play.tailwindcss.com/favicons/safari-pinned-tab.svg?v=3" color="#38bdf8" /> | |
| <link rel="shortcut icon" href="https://play.tailwindcss.com/favicons/favicon.ico?v=3" /> | |
| <meta name="apple-mobile-web-app-title" content="Tailwind Play" /> | |
| <meta name="application-name" content="Tailwind Play" /> | |
| <meta name="msapplication-TileColor" content="#38bdf8" /> | |
| <meta name="msapplication-config" content="https://play.tailwindcss.com/favicons/browserconfig.xml?v=3" /> | |
| <meta name="theme-color" content="#ffffff" /> | |
| <title>Tailwind Play</title> | |
| <meta | |
| content="An advanced online playground for Tailwind CSS that lets you use all of Tailwind's build-time features directly in the browser." | |
| name="description" /> | |
| <meta property="og:type" content="website" /> | |
| <meta property="og:site_name" content="Tailwind Play" /> | |
| <meta property="og:title" content="Tailwind Play" /> | |
| <meta property="og:description" | |
| content="An advanced online playground for Tailwind CSS that lets you use all of Tailwind's build-time features directly in the browser." /> | |
| <meta name="twitter:site" content="@tailwindlabs" /> | |
| <meta name="twitter:title" content="Tailwind Play" /> | |
| <meta name="twitter:description" | |
| content="An advanced online playground for Tailwind CSS that lets you use all of Tailwind's build-time features directly in the browser." /> | |
| <meta property="og:url" content="https://play.tailwindcss.com/b3YwwkuvGC" /> | |
| <meta name="twitter:card" content="summary" /> | |
| <meta name="twitter:image" content="https://play.tailwindcss.com/social-square.jpg" /> | |
| <meta name="next-head-count" content="25" /> | |
| <script>try { if (!('theme' in localStorage)) { localStorage.theme = window.matchMedia('(prefers-color-scheme:dark)').matches ? 'dark' : 'light' } if (localStorage.theme === 'dark') { document.querySelector('html').classList.add('dark') } } catch (_) { }</script> | |
| <link rel="preload" href="https://play.tailwindcss.com/_next/static/css/88458073739626c6.css" as="style" /> | |
| <link rel="stylesheet" href="https://play.tailwindcss.com/_next/static/css/88458073739626c6.css" data-n-g="" /><noscript | |
| data-n-css=""></noscript> | |
| <script defer="" nomodule="" src="https://play.tailwindcss.com/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"></script> | |
| <script src="https://play.tailwindcss.com/_next/static/chunks/webpack-d5d40a23162ed8da.js" defer=""></script> | |
| <script src="https://play.tailwindcss.com/_next/static/chunks/framework-79bce4a3a540b080.js" defer=""></script> | |
| <script src="https://play.tailwindcss.com/_next/static/chunks/main-9e249db6f20d38c3.js" defer=""></script> | |
| <script src="https://play.tailwindcss.com/_next/static/chunks/pages/_app-20f4508d6e61856b.js" defer=""></script> | |
| <script src="https://play.tailwindcss.com/_next/static/chunks/9421-7a4d30619bc60007.js" defer=""></script> | |
| <script src="https://play.tailwindcss.com/_next/static/chunks/pages/%5B%5B...slug%5D%5D-1c182a88d0f52dba.js" defer=""></script> | |
| <script src="https://play.tailwindcss.com/_next/static/P0h-qXvR3qOGkQQrVSkBf/_buildManifest.js" defer=""></script> | |
| <script src="https://play.tailwindcss.com/_next/static/P0h-qXvR3qOGkQQrVSkBf/_ssgManifest.js" defer=""></script> | |
| <script src="https://play.tailwindcss.com/_next/static/P0h-qXvR3qOGkQQrVSkBf/_middlewareManifest.js" defer=""></script> | |
| </head> | |
| <body class="fixed overflow-hidden w-full min-h-full flex text-gray-900 dark:text-white bg-white dark:bg-gray-900"> | |
| <div id="__next" data-reactroot=""> | |
| <header | |
| class="relative z-20 flex-none py-3 pl-5 pr-3 sm:pl-6 sm:pr-4 md:pr-3.5 lg:px-6 flex items-center space-x-4 antialiased" | |
| style="font-feature-settings:"cv02", "cv03", "cv04", "cv11""> | |
| <div class="flex-auto flex items-center min-w-0 space-x-6"><svg width="171" height="21" fill="none" | |
| class="flex-none text-black dark:text-white"> | |
| <path fill-rule="evenodd" clip-rule="evenodd" | |
| d="M16.414.441c-4.377 0-7.113 2.189-8.207 6.566 1.642-2.188 3.556-3.01 5.745-2.462 1.249.312 2.141 1.218 3.13 2.22 1.608 1.634 3.471 3.525 7.54 3.525 4.376 0 7.112-2.189 8.206-6.566-1.641 2.189-3.556 3.01-5.745 2.462-1.248-.312-2.14-1.218-3.129-2.22C22.345 2.332 20.482.44 16.414.44zM8.207 10.29c-4.377 0-7.113 2.189-8.207 6.566 1.641-2.189 3.556-3.01 5.745-2.463 1.249.313 2.141 1.218 3.13 2.221 1.608 1.634 3.471 3.524 7.54 3.524 4.376 0 7.112-2.188 8.206-6.565-1.641 2.188-3.556 3.009-5.745 2.462-1.248-.312-2.14-1.218-3.129-2.22-1.61-1.634-3.472-3.525-7.54-3.525z" | |
| fill="#38BDF8"></path> | |
| <path | |
| d="M50.135 7.576v-2.36h-2.812V2.042l-2.45.726v2.45h-2.086v2.359h2.086v5.443c0 2.949 1.497 3.992 5.262 3.538v-2.2c-1.86.091-2.812.114-2.812-1.338V7.576h2.812zM60.874 5.217v1.61c-.862-1.18-2.2-1.905-3.97-1.905-3.084 0-5.647 2.586-5.647 5.965 0 3.357 2.563 5.965 5.648 5.965 1.769 0 3.107-.726 3.969-1.928v1.633h2.45V5.217h-2.45zm-3.584 9.3c-2.041 0-3.584-1.52-3.584-3.63s1.543-3.629 3.584-3.629c2.041 0 3.584 1.52 3.584 3.63 0 2.108-1.543 3.628-3.584 3.628zM67.403 3.516c.862 0 1.565-.726 1.565-1.565 0-.862-.703-1.565-1.565-1.565s-1.565.703-1.565 1.565c0 .839.704 1.565 1.565 1.565zM66.18 16.557h2.45V5.217h-2.45v11.34zM71.472 16.557h2.45V0h-2.45v16.557zM89.83 5.217l-2.222 7.825-2.359-7.825h-2.336l-2.382 7.825-2.2-7.825h-2.585l3.56 11.34h2.405l2.381-7.643 2.36 7.643h2.403l3.561-11.34h-2.585zM95.445 3.516c.862 0 1.565-.726 1.565-1.565 0-.862-.703-1.565-1.565-1.565s-1.565.703-1.565 1.565c0 .839.703 1.565 1.565 1.565zM94.22 16.557h2.45V5.217h-2.45v11.34zM105.479 4.922c-1.542 0-2.767.567-3.515 1.746V5.217h-2.45v11.34h2.45V10.48c0-2.314 1.27-3.266 2.88-3.266 1.543 0 2.541.907 2.541 2.63v6.714h2.449V9.594c0-2.948-1.814-4.672-4.355-4.672zM121.454.68v6.147c-.862-1.18-2.2-1.905-3.97-1.905-3.084 0-5.647 2.586-5.647 5.965 0 3.357 2.563 5.965 5.647 5.965 1.77 0 3.108-.726 3.97-1.928v1.633h2.449V.68h-2.449zm-3.584 13.836c-2.041 0-3.584-1.52-3.584-3.629 0-2.11 1.543-3.629 3.584-3.629 2.041 0 3.584 1.52 3.584 3.63 0 2.108-1.543 3.628-3.584 3.628z" | |
| fill="currentColor"></path> | |
| <path | |
| d="M133.181 4.859h-4.362v11.699h2.306v-3.844h2.056c2.256 0 3.994-1.738 3.994-3.928 0-2.189-1.738-3.927-3.994-3.927zm0 5.699h-2.056V7.015h2.056c.986 0 1.705.752 1.705 1.771 0 1.003-.719 1.772-1.705 1.772zM142.654 14.352V4.859h-2.306v11.699h6.769v-2.206h-4.463zM157.945 16.558h2.507l-4.111-11.7h-2.858l-4.095 11.7h2.491l.701-2.106h4.663l.702 2.106zm-4.629-4.262l1.604-4.78 1.605 4.78h-3.209zM171 4.859h-2.607l-2.54 4.88-2.541-4.88h-2.607l3.995 7.136v4.563h2.289v-4.563L171 4.86z" | |
| fill="#38BDF8"></path> | |
| </svg> | |
| <div class="hidden sm:flex items-center space-x-4 min-w-0"><button type="button" | |
| class="relative flex-none rounded-md text-sm font-semibold leading-6 py-1.5 px-3 bg-sky-500/40 text-white dark:bg-gray-800 dark:text-white/40 cursor-auto shadow-sm dark:shadow-none" | |
| disabled=""><span class="absolute inset-0 flex items-center justify-center" | |
| aria-hidden="false">Share</span><span | |
| class="absolute inset-0 flex items-center justify-center invisible" aria-hidden="true"><span | |
| class="sr-only">Loading</span><svg fill="none" viewBox="0 0 24 24" | |
| class="w-4 h-4 animate-spin"> | |
| <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" | |
| stroke-width="4"></circle> | |
| <path class="opacity-75" fill="currentColor" | |
| d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"> | |
| </path> | |
| </svg></span><span class="invisible" aria-hidden="true">Copied!</span></button><button | |
| type="button" | |
| class="flex-auto min-w-0 flex items-center space-x-2 text-sm leading-6 font-semibold text-gray-500 hover:text-gray-900 dark:text-gray-300 dark:hover:text-white" | |
| title="https://play.tailwindcss.com/b3YwwkuvGC"><svg width="26" height="22" fill="none" | |
| stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" | |
| class="flex-none text-gray-300 dark:text-gray-500" aria-hidden="true"> | |
| <path | |
| d="M14.652 12c1.885-1.844 1.75-4.548-.136-6.392l-1.275-1.225c-1.885-1.844-4.942-1.844-6.827 0a4.647 4.647 0 0 0 0 6.676l.29.274"> | |
| </path> | |
| <path | |
| d="M11.348 10c-1.885 1.844-1.75 4.549.136 6.392l1.275 1.225c1.885 1.844 4.942 1.844 6.827 0a4.647 4.647 0 0 0 0-6.676l-.29-.274"> | |
| </path> | |
| </svg><span class="truncate">...<!-- -->/b3YwwkuvGC</span></button></div> | |
| </div> | |
| <div class="flex items-center"> | |
| <div class="relative" data-headlessui-state=""><button data-test="version" | |
| class="text-gray-500 text-xs leading-5 font-semibold bg-gray-400/10 rounded-full py-1 px-3 flex items-center hover:bg-gray-400/20 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:shadow-highlight/4" | |
| id="headlessui-listbox-button-undefined" type="button" aria-haspopup="listbox" | |
| aria-expanded="false" data-headlessui-state="">v3.4.10<svg width="6" height="3" | |
| class="ml-2 overflow-visible" aria-hidden="true"> | |
| <path d="M0 0L3 3L6 0" fill="none" stroke="currentColor" stroke-width="1.5" | |
| stroke-linecap="round" stroke-linejoin="round"></path> | |
| </svg></button> | |
| <div class="absolute top-full right-0 mt-2 rounded-lg shadow-lg"></div> | |
| </div> | |
| <div | |
| class="hidden lg:flex items-center ml-6 rounded-md ring-1 ring-gray-900/5 shadow-sm dark:ring-0 dark:bg-gray-800 dark:shadow-highlight/4"> | |
| <button type="button" | |
| class="group focus:outline-none focus-visible:ring-2 rounded-md focus-visible:ring-sky-500 dark:focus-visible:ring-sky-400"><span | |
| class="sr-only">Switch to vertical split layout</span><svg width="42" height="36" | |
| viewBox="-8 -7 42 36" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" | |
| class="fill-sky-100 stroke-sky-500 dark:fill-sky-400/50 dark:stroke-sky-400"> | |
| <path d="M12 3h9a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-9" fill="none"></path> | |
| <path d="M3 17V5a2 2 0 0 1 2-2h7a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H5a2 2 0 0 1-2-2Z"></path> | |
| </svg></button><button type="button" | |
| class="group focus:outline-none focus-visible:ring-2 rounded-md focus-visible:ring-gray-400/70 dark:focus-visible:ring-gray-500"><span | |
| class="sr-only">Switch to horizontal split layout</span><svg width="42" height="36" | |
| viewBox="-8 -7 42 36" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" | |
| class="fill-gray-100 stroke-gray-400/70 hover:fill-gray-200 hover:stroke-gray-400 dark:fill-gray-400/20 dark:stroke-gray-500 dark:hover:fill-gray-400/30 dark:hover:stroke-gray-400"> | |
| <path d="M23 11V3H3v8h20Z" stroke-width="0"></path> | |
| <path d="M23 17V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2ZM22 11H4" | |
| fill="none"></path> | |
| </svg></button><button type="button" | |
| class="group focus:outline-none focus-visible:ring-2 rounded-md focus-visible:ring-gray-400/70 dark:focus-visible:ring-gray-500"><span | |
| class="sr-only">Switch to preview-only layout</span><svg width="42" height="36" | |
| viewBox="-8 -7 42 36" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" | |
| class="fill-gray-100 stroke-gray-400/70 hover:fill-gray-200 hover:stroke-gray-400 dark:fill-gray-400/20 dark:stroke-gray-500 dark:hover:fill-gray-400/30 dark:hover:stroke-gray-400"> | |
| <path d="M23 17V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2Z" | |
| fill="none"></path> | |
| </svg></button><button type="button" | |
| class="hidden md:block group focus:outline-none focus-visible:ring-2 rounded-md focus-visible:ring-gray-400/70 dark:focus-visible:ring-gray-500"><span | |
| class="sr-only">Toggle responsive design mode</span><svg width="42" height="36" | |
| viewBox="-8 -7 42 36" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" | |
| class="fill-gray-100 stroke-gray-400/70 hover:fill-gray-200 hover:stroke-gray-400 dark:fill-gray-400/20 dark:stroke-gray-500 dark:hover:fill-gray-400/30 dark:hover:stroke-gray-400"> | |
| <path d="M15 19h6a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H4a1 1 0 0 0-1 1" fill="none"></path> | |
| <path d="M12 17V9a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h5a2 2 0 0 0 2-2Z"></path> | |
| </svg></button></div> | |
| <div class="hidden sm:block mx-6 lg:mx-4 w-px h-6 bg-gray-200 dark:bg-gray-700"></div><button | |
| type="button" | |
| class="ml-4 sm:ml-0 ring-1 ring-gray-900/5 shadow-sm hover:bg-gray-50 dark:ring-0 dark:bg-gray-800 dark:hover:bg-gray-700 dark:shadow-highlight/4 group focus:outline-none focus-visible:ring-2 rounded-md focus-visible:ring-sky-500 dark:focus-visible:ring-2 dark:focus-visible:ring-gray-400"><span | |
| class="sr-only"><span class="dark:hidden">Switch to dark theme</span><span | |
| class="hidden dark:inline">Switch to light theme</span></span><svg width="36" height="36" | |
| viewBox="-6 -6 36 36" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" | |
| class="stroke-sky-500 fill-sky-100 group-hover:stroke-sky-600 dark:stroke-gray-400 dark:fill-gray-400/20 dark:group-hover:stroke-gray-300"> | |
| <g class="dark:opacity-0"> | |
| <path d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path> | |
| <path | |
| d="M12 4v.01M17.66 6.345l-.007.007M20.005 12.005h-.01M17.66 17.665l-.007-.007M12 20.01V20M6.34 17.665l.007-.007M3.995 12.005h.01M6.34 6.344l.007.007" | |
| fill="none"></path> | |
| </g> | |
| <g class="opacity-0 dark:opacity-100"> | |
| <path d="M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"></path> | |
| <path | |
| d="M12 3v1M18.66 5.345l-.828.828M21.005 12.005h-1M18.66 18.665l-.828-.828M12 21.01V20M5.34 18.666l.835-.836M2.995 12.005h1.01M5.34 5.344l.835.836" | |
| fill="none"></path> | |
| </g> | |
| </svg></button> | |
| </div> | |
| </header> | |
| <main class="flex-auto relative border-t border-gray-200 dark:border-gray-800"></main> | |
| </div> | |
| <script id="__NEXT_DATA__" | |
| type="application/json">{"props":{"pageProps":{"initialContent":{"id":283368,"uuid":"b3YwwkuvGC","html":"\u003c!--\n Welcome to Tailwind Play, the official Tailwind CSS playground!\n\n Everything here works just like it does when you're running Tailwind locally\n with a real build pipeline. You can customize your config file, use features\n like `@apply`, or even add third-party plugins.\n\n Feel free to play with this example if you're just learning, or trash it and\n start from scratch if you know enough to be dangerous. Have fun!\n--\u003e\n\u003cdiv class=\"relative flex min-h-screen flex-col justify-center overflow-hidden bg-gray-50 py-6 sm:py-12\"\u003e\n \u003cimg src=\"/img/beams.jpg\" alt=\"\" class=\"absolute top-1/2 left-1/2 max-w-none -translate-x-1/2 -translate-y-1/2\" width=\"1308\" /\u003e\n \u003cdiv class=\"absolute inset-0 bg-[url(/img/grid.svg)] bg-center [mask-image:linear-gradient(180deg,white,rgba(255,255,255,0))]\"\u003e\u003c/div\u003e\n \u003cdiv class=\"relative bg-white px-6 pt-10 pb-8 shadow-xl ring-1 ring-gray-900/5 sm:mx-auto sm:max-w-lg sm:rounded-lg sm:px-10\"\u003e\n \u003cdiv class=\"mx-auto max-w-md\"\u003e\n \u003cimg src=\"/img/logo.svg\" class=\"h-6\" alt=\"Tailwind Play\" /\u003e\n \u003cdiv class=\"divide-y divide-gray-300/50\"\u003e\n \u003cdiv class=\"space-y-6 py-8 text-base leading-7 text-gray-600\"\u003e\n \u003cp\u003eAn advanced online playground for Tailwind CSS, including support for things like:\u003c/p\u003e\n \u003cul class=\"space-y-4\"\u003e\n \u003cli class=\"flex items-center\"\u003e\n \u003csvg class=\"h-6 w-6 flex-none fill-sky-100 stroke-sky-500 stroke-2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"11\" /\u003e\n \u003cpath d=\"m8 13 2.165 2.165a1 1 0 0 0 1.521-.126L16 9\" fill=\"none\" /\u003e\n \u003c/svg\u003e\n \u003cp class=\"ml-4\"\u003e\n Customizing your\n \u003ccode class=\"text-sm font-bold text-gray-900\"\u003etailwind.config.js\u003c/code\u003e file\n \u003c/p\u003e\n \u003c/li\u003e\n \u003cli class=\"flex items-center\"\u003e\n \u003csvg class=\"h-6 w-6 flex-none fill-sky-100 stroke-sky-500 stroke-2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"11\" /\u003e\n \u003cpath d=\"m8 13 2.165 2.165a1 1 0 0 0 1.521-.126L16 9\" fill=\"none\" /\u003e\n \u003c/svg\u003e\n \u003cp class=\"ml-4\"\u003e\n Extracting classes with\n \u003ccode class=\"text-sm font-bold text-gray-900\"\u003e@apply\u003c/code\u003e\n \u003c/p\u003e\n \u003c/li\u003e\n \u003cli class=\"flex items-center\"\u003e\n \u003csvg class=\"h-6 w-6 flex-none fill-sky-100 stroke-sky-500 stroke-2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"11\" /\u003e\n \u003cpath d=\"m8 13 2.165 2.165a1 1 0 0 0 1.521-.126L16 9\" fill=\"none\" /\u003e\n \u003c/svg\u003e\n \u003cp class=\"ml-4\"\u003eCode completion with instant preview\u003c/p\u003e\n \u003c/li\u003e\n \u003c/ul\u003e\n \u003cp\u003ePerfect for learning how the framework works, prototyping a new idea, or creating a demo to share online.\u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"pt-8 text-base font-semibold leading-7\"\u003e\n \u003cp class=\"text-gray-900\"\u003eWant to dig deeper into Tailwind?\u003c/p\u003e\n \u003cp\u003e\n \u003ca href=\"https://tailwindcss.com/docs\" class=\"text-sky-500 hover:text-sky-600\"\u003eRead the docs \u0026rarr;\u003c/a\u003e\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/div\u003e\n","css":"@tailwind base;\n@tailwind components;\n@tailwind utilities;\n","config":"/** @type {import('tailwindcss').Config} */\nexport default {\n theme: {\n extend: {\n // ...\n },\n },\n plugins: [],\n}\n","created_at":"2023-08-31T12:58:24.000000Z","updated_at":"2023-08-31T12:58:24.000000Z","hash":"c05959b18494beec39c7471445b03da6","version":"3","ID":"b3YwwkuvGC"},"initialPath":"/b3YwwkuvGC","initialLayout":"vertical","initialResponsiveSize":null,"initialActiveTab":"html"},"__N_SSP":true},"page":"/[[...slug]]","query":{"slug":["b3YwwkuvGC"]},"buildId":"P0h-qXvR3qOGkQQrVSkBf","isFallback":false,"gssp":true,"scriptLoader":[]}</script> | |
| </body> | |
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| ! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com | |
| */ | |
| *, | |
| :after, | |
| :before { | |
| box-sizing: border-box; | |
| border: 0 solid #e2e8f0 | |
| } | |
| :after, | |
| :before { | |
| --tw-content: "" | |
| } | |
| :host, | |
| html { | |
| line-height: 1.5; | |
| -webkit-text-size-adjust: 100%; | |
| -moz-tab-size: 4; | |
| -o-tab-size: 4; | |
| tab-size: 4; | |
| font-family: Inter var, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; | |
| font-feature-settings: normal; | |
| font-variation-settings: normal; | |
| -webkit-tap-highlight-color: transparent | |
| } | |
| body { | |
| margin: 0; | |
| line-height: inherit | |
| } | |
| hr { | |
| height: 0; | |
| color: inherit; | |
| border-top-width: 1px | |
| } | |
| abbr:where([title]) { | |
| -webkit-text-decoration: underline dotted; | |
| text-decoration: underline dotted | |
| } | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6 { | |
| font-size: inherit; | |
| font-weight: inherit | |
| } | |
| a { | |
| color: inherit; | |
| text-decoration: inherit | |
| } | |
| b, | |
| strong { | |
| font-weight: bolder | |
| } | |
| code, | |
| kbd, | |
| pre, | |
| samp { | |
| font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; | |
| font-feature-settings: normal; | |
| font-variation-settings: normal; | |
| font-size: 1em | |
| } | |
| small { | |
| font-size: 80% | |
| } | |
| sub, | |
| sup { | |
| font-size: 75%; | |
| line-height: 0; | |
| position: relative; | |
| vertical-align: baseline | |
| } | |
| sub { | |
| bottom: -.25em | |
| } | |
| sup { | |
| top: -.5em | |
| } | |
| table { | |
| text-indent: 0; | |
| border-color: inherit; | |
| border-collapse: collapse | |
| } | |
| button, | |
| input, | |
| optgroup, | |
| select, | |
| textarea { | |
| font-family: inherit; | |
| font-feature-settings: inherit; | |
| font-variation-settings: inherit; | |
| font-size: 100%; | |
| font-weight: inherit; | |
| line-height: inherit; | |
| letter-spacing: inherit; | |
| color: inherit; | |
| margin: 0; | |
| padding: 0 | |
| } | |
| button, | |
| select { | |
| text-transform: none | |
| } | |
| button, | |
| input:where([type=button]), | |
| input:where([type=reset]), | |
| input:where([type=submit]) { | |
| -webkit-appearance: button; | |
| background-color: transparent; | |
| background-image: none | |
| } | |
| :-moz-focusring { | |
| outline: auto | |
| } | |
| :-moz-ui-invalid { | |
| box-shadow: none | |
| } | |
| progress { | |
| vertical-align: baseline | |
| } | |
| ::-webkit-inner-spin-button, | |
| ::-webkit-outer-spin-button { | |
| height: auto | |
| } | |
| [type=search] { | |
| -webkit-appearance: textfield; | |
| outline-offset: -2px | |
| } | |
| ::-webkit-search-decoration { | |
| -webkit-appearance: none | |
| } | |
| ::-webkit-file-upload-button { | |
| -webkit-appearance: button; | |
| font: inherit | |
| } | |
| summary { | |
| display: list-item | |
| } | |
| blockquote, | |
| dd, | |
| dl, | |
| figure, | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6, | |
| hr, | |
| p, | |
| pre { | |
| margin: 0 | |
| } | |
| fieldset { | |
| margin: 0 | |
| } | |
| fieldset, | |
| legend { | |
| padding: 0 | |
| } | |
| menu, | |
| ol, | |
| ul { | |
| list-style: none; | |
| margin: 0; | |
| padding: 0 | |
| } | |
| dialog { | |
| padding: 0 | |
| } | |
| textarea { | |
| resize: vertical | |
| } | |
| input::-moz-placeholder, | |
| textarea::-moz-placeholder { | |
| opacity: 1; | |
| color: #94a3b8 | |
| } | |
| input::placeholder, | |
| textarea::placeholder { | |
| opacity: 1; | |
| color: #94a3b8 | |
| } | |
| [role=button], | |
| button { | |
| cursor: pointer | |
| } | |
| :disabled { | |
| cursor: default | |
| } | |
| audio, | |
| canvas, | |
| embed, | |
| iframe, | |
| img, | |
| object, | |
| svg, | |
| video { | |
| display: block; | |
| vertical-align: middle | |
| } | |
| img, | |
| video { | |
| max-width: 100%; | |
| height: auto | |
| } | |
| [hidden] { | |
| display: none | |
| } | |
| *, | |
| :after, | |
| :before { | |
| --tw-border-spacing-x: 0; | |
| --tw-border-spacing-y: 0; | |
| --tw-translate-x: 0; | |
| --tw-translate-y: 0; | |
| --tw-rotate: 0; | |
| --tw-skew-x: 0; | |
| --tw-skew-y: 0; | |
| --tw-scale-x: 1; | |
| --tw-scale-y: 1; | |
| --tw-pan-x: ; | |
| --tw-pan-y: ; | |
| --tw-pinch-zoom: ; | |
| --tw-scroll-snap-strictness: proximity; | |
| --tw-gradient-from-position: ; | |
| --tw-gradient-via-position: ; | |
| --tw-gradient-to-position: ; | |
| --tw-ordinal: ; | |
| --tw-slashed-zero: ; | |
| --tw-numeric-figure: ; | |
| --tw-numeric-spacing: ; | |
| --tw-numeric-fraction: ; | |
| --tw-ring-inset: ; | |
| --tw-ring-offset-width: 0px; | |
| --tw-ring-offset-color: #fff; | |
| --tw-ring-color: rgba(59, 130, 246, .5); | |
| --tw-ring-offset-shadow: 0 0 #0000; | |
| --tw-ring-shadow: 0 0 #0000; | |
| --tw-shadow: 0 0 #0000; | |
| --tw-shadow-colored: 0 0 #0000; | |
| --tw-blur: ; | |
| --tw-brightness: ; | |
| --tw-contrast: ; | |
| --tw-grayscale: ; | |
| --tw-hue-rotate: ; | |
| --tw-invert: ; | |
| --tw-saturate: ; | |
| --tw-sepia: ; | |
| --tw-drop-shadow: ; | |
| --tw-backdrop-blur: ; | |
| --tw-backdrop-brightness: ; | |
| --tw-backdrop-contrast: ; | |
| --tw-backdrop-grayscale: ; | |
| --tw-backdrop-hue-rotate: ; | |
| --tw-backdrop-invert: ; | |
| --tw-backdrop-opacity: ; | |
| --tw-backdrop-saturate: ; | |
| --tw-backdrop-sepia: ; | |
| --tw-contain-size: ; | |
| --tw-contain-layout: ; | |
| --tw-contain-paint: ; | |
| --tw-contain-style: | |
| } | |
| ::backdrop { | |
| --tw-border-spacing-x: 0; | |
| --tw-border-spacing-y: 0; | |
| --tw-translate-x: 0; | |
| --tw-translate-y: 0; | |
| --tw-rotate: 0; | |
| --tw-skew-x: 0; | |
| --tw-skew-y: 0; | |
| --tw-scale-x: 1; | |
| --tw-scale-y: 1; | |
| --tw-pan-x: ; | |
| --tw-pan-y: ; | |
| --tw-pinch-zoom: ; | |
| --tw-scroll-snap-strictness: proximity; | |
| --tw-gradient-from-position: ; | |
| --tw-gradient-via-position: ; | |
| --tw-gradient-to-position: ; | |
| --tw-ordinal: ; | |
| --tw-slashed-zero: ; | |
| --tw-numeric-figure: ; | |
| --tw-numeric-spacing: ; | |
| --tw-numeric-fraction: ; | |
| --tw-ring-inset: ; | |
| --tw-ring-offset-width: 0px; | |
| --tw-ring-offset-color: #fff; | |
| --tw-ring-color: rgba(59, 130, 246, .5); | |
| --tw-ring-offset-shadow: 0 0 #0000; | |
| --tw-ring-shadow: 0 0 #0000; | |
| --tw-shadow: 0 0 #0000; | |
| --tw-shadow-colored: 0 0 #0000; | |
| --tw-blur: ; | |
| --tw-brightness: ; | |
| --tw-contrast: ; | |
| --tw-grayscale: ; | |
| --tw-hue-rotate: ; | |
| --tw-invert: ; | |
| --tw-saturate: ; | |
| --tw-sepia: ; | |
| --tw-drop-shadow: ; | |
| --tw-backdrop-blur: ; | |
| --tw-backdrop-brightness: ; | |
| --tw-backdrop-contrast: ; | |
| --tw-backdrop-grayscale: ; | |
| --tw-backdrop-hue-rotate: ; | |
| --tw-backdrop-invert: ; | |
| --tw-backdrop-opacity: ; | |
| --tw-backdrop-saturate: ; | |
| --tw-backdrop-sepia: ; | |
| --tw-contain-size: ; | |
| --tw-contain-layout: ; | |
| --tw-contain-paint: ; | |
| --tw-contain-style: | |
| } | |
| .container { | |
| width: 100% | |
| } | |
| @media (min-width:640px) { | |
| .container { | |
| max-width: 640px | |
| } | |
| } | |
| @media (min-width:768px) { | |
| .container { | |
| max-width: 768px | |
| } | |
| } | |
| @media (min-width:1024px) { | |
| .container { | |
| max-width: 1024px | |
| } | |
| } | |
| @media (min-width:1280px) { | |
| .container { | |
| max-width: 1280px | |
| } | |
| } | |
| @media (min-width:1536px) { | |
| .container { | |
| max-width: 1536px | |
| } | |
| } | |
| .sr-only { | |
| position: absolute; | |
| width: 1px; | |
| height: 1px; | |
| padding: 0; | |
| margin: -1px; | |
| overflow: hidden; | |
| clip: rect(0, 0, 0, 0); | |
| white-space: nowrap; | |
| border-width: 0 | |
| } | |
| .pointer-events-none { | |
| pointer-events: none | |
| } | |
| .\!visible { | |
| visibility: visible !important | |
| } | |
| .visible { | |
| visibility: visible | |
| } | |
| .invisible { | |
| visibility: hidden | |
| } | |
| .static { | |
| position: static | |
| } | |
| .fixed { | |
| position: fixed | |
| } | |
| .absolute { | |
| position: absolute | |
| } | |
| .relative { | |
| position: relative | |
| } | |
| .inset-0 { | |
| inset: 0 | |
| } | |
| .inset-x-0 { | |
| left: 0; | |
| right: 0 | |
| } | |
| .bottom-0 { | |
| bottom: 0 | |
| } | |
| .bottom-4 { | |
| bottom: 1rem | |
| } | |
| .left-0 { | |
| left: 0 | |
| } | |
| .left-1 { | |
| left: .25rem | |
| } | |
| .left-1\/2 { | |
| left: 50% | |
| } | |
| .right-0 { | |
| right: 0 | |
| } | |
| .right-4 { | |
| right: 1rem | |
| } | |
| .right-\[14px\] { | |
| right: 14px | |
| } | |
| .right-\[calc\(14px\+0\.625rem\)\] { | |
| right: calc(14px + .625rem) | |
| } | |
| .top-0 { | |
| top: 0 | |
| } | |
| .top-1 { | |
| top: .25rem | |
| } | |
| .top-1\/2 { | |
| top: 50% | |
| } | |
| .top-12 { | |
| top: 3rem | |
| } | |
| .top-4 { | |
| top: 1rem | |
| } | |
| .top-full { | |
| top: 100% | |
| } | |
| .z-10 { | |
| z-index: 10 | |
| } | |
| .z-20 { | |
| z-index: 20 | |
| } | |
| .mx-6 { | |
| margin-left: 1.5rem; | |
| margin-right: 1.5rem | |
| } | |
| .mx-auto { | |
| margin-left: auto; | |
| margin-right: auto | |
| } | |
| .-mb-2 { | |
| margin-bottom: -.5rem | |
| } | |
| .-mb-px { | |
| margin-bottom: -1px | |
| } | |
| .mb-4 { | |
| margin-bottom: 1rem | |
| } | |
| .ml-2 { | |
| margin-left: .5rem | |
| } | |
| .ml-3\.5 { | |
| margin-left: .875rem | |
| } | |
| .ml-4 { | |
| margin-left: 1rem | |
| } | |
| .ml-6 { | |
| margin-left: 1.5rem | |
| } | |
| .ml-auto { | |
| margin-left: auto | |
| } | |
| .mr-1 { | |
| margin-right: .25rem | |
| } | |
| .mr-1\.5 { | |
| margin-right: .375rem | |
| } | |
| .mt-0\.5 { | |
| margin-top: .125rem | |
| } | |
| .mt-1 { | |
| margin-top: .25rem | |
| } | |
| .mt-10 { | |
| margin-top: 2.5rem | |
| } | |
| .mt-12 { | |
| margin-top: 3rem | |
| } | |
| .mt-2 { | |
| margin-top: .5rem | |
| } | |
| .mt-\[calc\(theme\(spacing\.2\)\+1px\)\] { | |
| margin-top: calc(.5rem + 1px) | |
| } | |
| .block { | |
| display: block | |
| } | |
| .inline { | |
| display: inline | |
| } | |
| .flex { | |
| display: flex | |
| } | |
| .table { | |
| display: table | |
| } | |
| .grid { | |
| display: grid | |
| } | |
| .contents { | |
| display: contents | |
| } | |
| .hidden { | |
| display: none | |
| } | |
| .h-0\.5 { | |
| height: .125rem | |
| } | |
| .h-12 { | |
| height: 3rem | |
| } | |
| .h-4 { | |
| height: 1rem | |
| } | |
| .h-5 { | |
| height: 1.25rem | |
| } | |
| .h-6 { | |
| height: 1.5rem | |
| } | |
| .h-full { | |
| height: 100% | |
| } | |
| .min-h-full { | |
| min-height: 100% | |
| } | |
| .min-h-screen { | |
| min-height: 100vh | |
| } | |
| .w-4 { | |
| width: 1rem | |
| } | |
| .w-5 { | |
| width: 1.25rem | |
| } | |
| .w-52 { | |
| width: 13rem | |
| } | |
| .w-6 { | |
| width: 1.5rem | |
| } | |
| .w-full { | |
| width: 100% | |
| } | |
| .w-px { | |
| width: 1px | |
| } | |
| .min-w-0 { | |
| min-width: 0 | |
| } | |
| .max-w-md { | |
| max-width: 28rem | |
| } | |
| .max-w-none { | |
| max-width: none | |
| } | |
| .flex-auto { | |
| flex: 1 1 auto | |
| } | |
| .flex-none { | |
| flex: none | |
| } | |
| .-translate-x-0\.5 { | |
| --tw-translate-x: -0.125rem | |
| } | |
| .-translate-x-0\.5, | |
| .-translate-x-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)) | |
| } | |
| .-translate-x-1 { | |
| --tw-translate-x: -0.25rem | |
| } | |
| .-translate-x-1\/2 { | |
| --tw-translate-x: -50% | |
| } | |
| .-translate-x-1\/2, | |
| .-translate-y-0\.5 { | |
| 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)) | |
| } | |
| .-translate-y-0\.5 { | |
| --tw-translate-y: -0.125rem | |
| } | |
| .-translate-y-1 { | |
| --tw-translate-y: -0.25rem | |
| } | |
| .-translate-y-1, | |
| .-translate-y-1\/2 { | |
| 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)) | |
| } | |
| .-translate-y-1\/2 { | |
| --tw-translate-y: -50% | |
| } | |
| .translate-x-0\.5 { | |
| --tw-translate-x: 0.125rem | |
| } | |
| .-rotate-45, | |
| .translate-x-0\.5 { | |
| 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)) | |
| } | |
| .-rotate-45 { | |
| --tw-rotate: -45deg | |
| } | |
| .rotate-180 { | |
| --tw-rotate: 180deg | |
| } | |
| .rotate-180, | |
| .rotate-45 { | |
| 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)) | |
| } | |
| .rotate-45 { | |
| --tw-rotate: 45deg | |
| } | |
| .transform { | |
| 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)) | |
| } | |
| @keyframes spin { | |
| to { | |
| transform: rotate(1turn) | |
| } | |
| } | |
| .animate-spin { | |
| animation: spin 1s linear infinite | |
| } | |
| .cursor-auto { | |
| cursor: auto | |
| } | |
| .cursor-ew-resize { | |
| cursor: ew-resize | |
| } | |
| .cursor-nesw-resize { | |
| cursor: nesw-resize | |
| } | |
| .cursor-ns-resize { | |
| cursor: ns-resize | |
| } | |
| .cursor-nwse-resize { | |
| cursor: nwse-resize | |
| } | |
| .cursor-pointer { | |
| cursor: pointer | |
| } | |
| .select-none { | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| user-select: none | |
| } | |
| .resize { | |
| resize: both | |
| } | |
| .flex-col { | |
| flex-direction: column | |
| } | |
| .items-center { | |
| align-items: center | |
| } | |
| .justify-center { | |
| justify-content: center | |
| } | |
| .justify-between { | |
| justify-content: space-between | |
| } | |
| .space-x-2>:not([hidden])~:not([hidden]) { | |
| --tw-space-x-reverse: 0; | |
| margin-right: calc(.5rem * var(--tw-space-x-reverse)); | |
| margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse))) | |
| } | |
| .space-x-3>:not([hidden])~:not([hidden]) { | |
| --tw-space-x-reverse: 0; | |
| margin-right: calc(.75rem * var(--tw-space-x-reverse)); | |
| margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse))) | |
| } | |
| .space-x-4>:not([hidden])~:not([hidden]) { | |
| --tw-space-x-reverse: 0; | |
| margin-right: calc(1rem * var(--tw-space-x-reverse)); | |
| margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) | |
| } | |
| .space-x-5>:not([hidden])~:not([hidden]) { | |
| --tw-space-x-reverse: 0; | |
| margin-right: calc(1.25rem * var(--tw-space-x-reverse)); | |
| margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))) | |
| } | |
| .space-x-6>:not([hidden])~:not([hidden]) { | |
| --tw-space-x-reverse: 0; | |
| margin-right: calc(1.5rem * var(--tw-space-x-reverse)); | |
| margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))) | |
| } | |
| .space-y-4>:not([hidden])~:not([hidden]) { | |
| --tw-space-y-reverse: 0; | |
| margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); | |
| margin-bottom: calc(1rem * var(--tw-space-y-reverse)) | |
| } | |
| .space-y-6>:not([hidden])~:not([hidden]) { | |
| --tw-space-y-reverse: 0; | |
| margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); | |
| margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)) | |
| } | |
| .divide-y>:not([hidden])~:not([hidden]) { | |
| --tw-divide-y-reverse: 0; | |
| border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); | |
| border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) | |
| } | |
| .divide-gray-300>:not([hidden])~:not([hidden]) { | |
| --tw-divide-opacity: 1; | |
| border-color: rgb(203 213 225/var(--tw-divide-opacity)) | |
| } | |
| .divide-gray-300\/50>:not([hidden])~:not([hidden]) { | |
| border-color: rgba(203, 213, 225, .5) | |
| } | |
| .overflow-hidden { | |
| overflow: hidden | |
| } | |
| .overflow-visible { | |
| overflow: visible | |
| } | |
| .truncate { | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| white-space: nowrap | |
| } | |
| .whitespace-pre { | |
| white-space: pre | |
| } | |
| .rounded-full { | |
| border-radius: 9999px | |
| } | |
| .rounded-lg { | |
| border-radius: .5rem | |
| } | |
| .rounded-md { | |
| border-radius: .375rem | |
| } | |
| .rounded-t-lg { | |
| border-top-left-radius: .5rem; | |
| border-top-right-radius: .5rem | |
| } | |
| .border { | |
| border-width: 1px | |
| } | |
| .border-4 { | |
| border-width: 4px | |
| } | |
| .border-y { | |
| border-bottom-width: 1px | |
| } | |
| .border-t, | |
| .border-y { | |
| border-top-width: 1px | |
| } | |
| .border-gray-200 { | |
| --tw-border-opacity: 1; | |
| border-color: rgb(226 232 240/var(--tw-border-opacity)) | |
| } | |
| .border-gray-300 { | |
| --tw-border-opacity: 1; | |
| border-color: rgb(203 213 225/var(--tw-border-opacity)) | |
| } | |
| .border-gray-900\/\[0\.03\] { | |
| border-color: rgba(15, 23, 42, .03) | |
| } | |
| .border-red-200 { | |
| --tw-border-opacity: 1; | |
| border-color: rgb(254 202 202/var(--tw-border-opacity)) | |
| } | |
| .border-b-gray-900\/10 { | |
| border-bottom-color: rgba(15, 23, 42, .1) | |
| } | |
| .border-t-transparent { | |
| border-top-color: transparent | |
| } | |
| .bg-gray-100 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(241 245 249/var(--tw-bg-opacity)) | |
| } | |
| .bg-gray-200 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(226 232 240/var(--tw-bg-opacity)) | |
| } | |
| .bg-gray-400\/10 { | |
| background-color: rgba(148, 163, 184, .1) | |
| } | |
| .bg-gray-50 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(248 250 252/var(--tw-bg-opacity)) | |
| } | |
| .bg-red-100 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(254 226 226/var(--tw-bg-opacity)) | |
| } | |
| .bg-red-50 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(254 242 242/var(--tw-bg-opacity)) | |
| } | |
| .bg-red-500 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(239 68 68/var(--tw-bg-opacity)) | |
| } | |
| .bg-sky-400 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(56 189 248/var(--tw-bg-opacity)) | |
| } | |
| .bg-sky-50 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(240 249 255/var(--tw-bg-opacity)) | |
| } | |
| .bg-sky-500 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(14 165 233/var(--tw-bg-opacity)) | |
| } | |
| .bg-sky-500\/10 { | |
| background-color: rgba(14, 165, 233, .1) | |
| } | |
| .bg-sky-500\/40 { | |
| background-color: rgba(14, 165, 233, .4) | |
| } | |
| .bg-white { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(255 255 255/var(--tw-bg-opacity)) | |
| } | |
| .bg-white\/80 { | |
| background-color: hsla(0, 0%, 100%, .8) | |
| } | |
| .bg-\[url\(\/img\/grid\.svg\)\] { | |
| background-image: url(/img/grid.svg) | |
| } | |
| .bg-center { | |
| background-position: 50% | |
| } | |
| .fill-gray-100 { | |
| fill: #f1f5f9 | |
| } | |
| .fill-gray-400 { | |
| fill: #94a3b8 | |
| } | |
| .fill-sky-100 { | |
| fill: #e0f2fe | |
| } | |
| .stroke-gray-400\/70 { | |
| stroke: rgba(148, 163, 184, .7) | |
| } | |
| .stroke-sky-500 { | |
| stroke: #0ea5e9 | |
| } | |
| .stroke-2 { | |
| stroke-width: 2 | |
| } | |
| .p-4 { | |
| padding: 1rem | |
| } | |
| .p-6 { | |
| padding: 1.5rem | |
| } | |
| .px-3 { | |
| padding-left: .75rem; | |
| padding-right: .75rem | |
| } | |
| .px-6 { | |
| padding-left: 1.5rem; | |
| padding-right: 1.5rem | |
| } | |
| .py-0\.5 { | |
| padding-top: .125rem; | |
| padding-bottom: .125rem | |
| } | |
| .py-1 { | |
| padding-top: .25rem; | |
| padding-bottom: .25rem | |
| } | |
| .py-1\.5 { | |
| padding-top: .375rem; | |
| padding-bottom: .375rem | |
| } | |
| .py-2\.5 { | |
| padding-top: .625rem; | |
| padding-bottom: .625rem | |
| } | |
| .py-3 { | |
| padding-top: .75rem; | |
| padding-bottom: .75rem | |
| } | |
| .py-6 { | |
| padding-top: 1.5rem; | |
| padding-bottom: 1.5rem | |
| } | |
| .py-8 { | |
| padding-top: 2rem; | |
| padding-bottom: 2rem | |
| } | |
| .pb-2 { | |
| padding-bottom: .5rem | |
| } | |
| .pb-8 { | |
| padding-bottom: 2rem | |
| } | |
| .pl-2 { | |
| padding-left: .5rem | |
| } | |
| .pl-5 { | |
| padding-left: 1.25rem | |
| } | |
| .pl-6 { | |
| padding-left: 1.5rem | |
| } | |
| .pr-2\.5 { | |
| padding-right: .625rem | |
| } | |
| .pr-3 { | |
| padding-right: .75rem | |
| } | |
| .pr-4 { | |
| padding-right: 1rem | |
| } | |
| .pt-1 { | |
| padding-top: .25rem | |
| } | |
| .pt-10 { | |
| padding-top: 2.5rem | |
| } | |
| .pt-8 { | |
| padding-top: 2rem | |
| } | |
| .text-left { | |
| text-align: left | |
| } | |
| .text-center { | |
| text-align: center | |
| } | |
| .font-mono { | |
| font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace | |
| } | |
| .text-base { | |
| font-size: 1rem; | |
| line-height: 1.5rem | |
| } | |
| .text-sm { | |
| font-size: .875rem; | |
| line-height: 1.25rem | |
| } | |
| .text-xs { | |
| font-size: .75rem; | |
| line-height: 1rem | |
| } | |
| .font-bold { | |
| font-weight: 700 | |
| } | |
| .font-medium { | |
| font-weight: 500 | |
| } | |
| .font-normal { | |
| font-weight: 400 | |
| } | |
| .font-semibold { | |
| font-weight: 600 | |
| } | |
| .tabular-nums { | |
| --tw-numeric-spacing: tabular-nums; | |
| font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) | |
| } | |
| .leading-4 { | |
| line-height: 1rem | |
| } | |
| .leading-5 { | |
| line-height: 1.25rem | |
| } | |
| .leading-6 { | |
| line-height: 1.5rem | |
| } | |
| .leading-7 { | |
| line-height: 1.75rem | |
| } | |
| .text-black { | |
| --tw-text-opacity: 1; | |
| color: rgb(0 0 0/var(--tw-text-opacity)) | |
| } | |
| .text-gray-300 { | |
| --tw-text-opacity: 1; | |
| color: rgb(203 213 225/var(--tw-text-opacity)) | |
| } | |
| .text-gray-400 { | |
| --tw-text-opacity: 1; | |
| color: rgb(148 163 184/var(--tw-text-opacity)) | |
| } | |
| .text-gray-500 { | |
| --tw-text-opacity: 1; | |
| color: rgb(100 116 139/var(--tw-text-opacity)) | |
| } | |
| .text-gray-600 { | |
| --tw-text-opacity: 1; | |
| color: rgb(71 85 105/var(--tw-text-opacity)) | |
| } | |
| .text-gray-700 { | |
| --tw-text-opacity: 1; | |
| color: rgb(51 65 85/var(--tw-text-opacity)) | |
| } | |
| .text-gray-900 { | |
| --tw-text-opacity: 1; | |
| color: rgb(15 23 42/var(--tw-text-opacity)) | |
| } | |
| .text-inherit { | |
| color: inherit | |
| } | |
| .text-red-700 { | |
| --tw-text-opacity: 1; | |
| color: rgb(185 28 28/var(--tw-text-opacity)) | |
| } | |
| .text-red-900 { | |
| --tw-text-opacity: 1; | |
| color: rgb(127 29 29/var(--tw-text-opacity)) | |
| } | |
| .text-sky-500 { | |
| --tw-text-opacity: 1; | |
| color: rgb(14 165 233/var(--tw-text-opacity)) | |
| } | |
| .text-white { | |
| --tw-text-opacity: 1; | |
| color: rgb(255 255 255/var(--tw-text-opacity)) | |
| } | |
| .text-white\/40 { | |
| color: hsla(0, 0%, 100%, .4) | |
| } | |
| .antialiased { | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale | |
| } | |
| .opacity-0 { | |
| opacity: 0 | |
| } | |
| .opacity-25 { | |
| opacity: .25 | |
| } | |
| .opacity-75 { | |
| opacity: .75 | |
| } | |
| .shadow { | |
| --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1); | |
| --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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-\[0_2px_11px_rgba\(0\2c 0\2c 0\2c 0\.1\)\2c 0_3px_6px_rgba\(0\2c 0\2c 0\2c 0\.05\)\] { | |
| --tw-shadow: 0 2px 11px rgba(0, 0, 0, .1), 0 3px 6px rgba(0, 0, 0, .05); | |
| --tw-shadow-colored: 0 2px 11px var(--tw-shadow-color), 0 3px 6px 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-copied { | |
| --tw-shadow: 0 0 0 1px #0ea5e9, inset 0 0 0 1px #0ea5e9; | |
| --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), inset 0 0 0 1px var(--tw-shadow-color) | |
| } | |
| .shadow-copied, | |
| .shadow-highlight\/20 { | |
| box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) | |
| } | |
| .shadow-highlight\/20 { | |
| --tw-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .2); | |
| --tw-shadow-colored: inset 0 1px 0 0 var(--tw-shadow-color) | |
| } | |
| .shadow-lg { | |
| --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1); | |
| --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) | |
| } | |
| .shadow-lg, | |
| .shadow-none { | |
| box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) | |
| } | |
| .shadow-none { | |
| --tw-shadow: 0 0 #0000; | |
| --tw-shadow-colored: 0 0 #0000 | |
| } | |
| .shadow-sm { | |
| --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05); | |
| --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) | |
| } | |
| .shadow-sm, | |
| .shadow-xl { | |
| box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) | |
| } | |
| .shadow-xl { | |
| --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1); | |
| --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) | |
| } | |
| .outline { | |
| outline-style: solid | |
| } | |
| .ring-1 { | |
| --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); | |
| --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); | |
| box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) | |
| } | |
| .ring-gray-900 { | |
| --tw-ring-opacity: 1; | |
| --tw-ring-color: rgb(15 23 42/var(--tw-ring-opacity)) | |
| } | |
| .ring-gray-900\/10 { | |
| --tw-ring-color: rgba(15, 23, 42, .1) | |
| } | |
| .ring-gray-900\/5 { | |
| --tw-ring-color: rgba(15, 23, 42, .05) | |
| } | |
| .ring-gray-900\/\[0\.07\] { | |
| --tw-ring-color: rgba(15, 23, 42, .07) | |
| } | |
| .blur { | |
| --tw-blur: blur(8px) | |
| } | |
| .blur, | |
| .grayscale { | |
| 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) | |
| } | |
| .grayscale { | |
| --tw-grayscale: grayscale(100%) | |
| } | |
| .invert { | |
| --tw-invert: invert(100%) | |
| } | |
| .invert, | |
| .sepia { | |
| 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) | |
| } | |
| .sepia { | |
| --tw-sepia: sepia(100%) | |
| } | |
| .filter { | |
| 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) | |
| } | |
| .backdrop-blur { | |
| --tw-backdrop-blur: blur(8px); | |
| -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); | |
| backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) | |
| } | |
| .transition-colors { | |
| transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; | |
| transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; | |
| transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; | |
| transition-timing-function: cubic-bezier(.4, 0, .2, 1); | |
| transition-duration: .15s | |
| } | |
| .transition-opacity { | |
| transition-property: opacity; | |
| transition-timing-function: cubic-bezier(.4, 0, .2, 1) | |
| } | |
| .duration-150, | |
| .transition-opacity { | |
| transition-duration: .15s | |
| } | |
| .\[mask-image\:linear-gradient\(180deg\2c white\2c rgba\(255\2c 255\2c 255\2c 0\)\)\] { | |
| -webkit-mask-image: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0)); | |
| mask-image: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0)) | |
| } | |
| .CodeMirror { | |
| font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; | |
| font-size: 16px; | |
| line-height: 24px; | |
| height: 100%; | |
| color: #1e293b; | |
| direction: ltr | |
| } | |
| .CodeMirror-lines { | |
| padding: 4px 0 | |
| } | |
| .CodeMirror pre.CodeMirror-line, | |
| .CodeMirror pre.CodeMirror-line-like { | |
| padding: 0 4px | |
| } | |
| .CodeMirror-gutter-filler, | |
| .CodeMirror-scrollbar-filler { | |
| background-color: #fff | |
| } | |
| .CodeMirror-gutters { | |
| background: #fff; | |
| white-space: nowrap | |
| } | |
| .CodeMirror-linenumber { | |
| padding: 0 3px 0 5px; | |
| min-width: 20px; | |
| text-align: right; | |
| color: #e2e8f0; | |
| white-space: nowrap | |
| } | |
| .CodeMirror-guttermarker { | |
| color: #000 | |
| } | |
| .CodeMirror-guttermarker-subtle { | |
| color: #999 | |
| } | |
| .CodeMirror-cursor { | |
| border-left: 2px solid #000; | |
| border-right: none; | |
| width: 0 | |
| } | |
| .CodeMirror div.CodeMirror-secondarycursor { | |
| border-left: 1px solid silver | |
| } | |
| .cm-fat-cursor .CodeMirror-cursor { | |
| width: auto; | |
| border: 0 !important; | |
| background: #7e7 | |
| } | |
| .cm-fat-cursor div.CodeMirror-cursors { | |
| z-index: 1 | |
| } | |
| .cm-fat-cursor-mark { | |
| background-color: rgba(20, 255, 20, .5); | |
| animation: blink 1.06s steps(1) infinite | |
| } | |
| .cm-animate-fat-cursor { | |
| width: auto; | |
| border: 0; | |
| animation: blink 1.06s steps(1) infinite; | |
| background-color: #7e7 | |
| } | |
| @keyframes blink { | |
| 50% { | |
| background-color: transparent | |
| } | |
| } | |
| .cm-tab { | |
| display: inline-block; | |
| text-decoration: inherit | |
| } | |
| .CodeMirror-rulers { | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: -50px; | |
| bottom: 0; | |
| overflow: hidden | |
| } | |
| .CodeMirror-ruler { | |
| border-left: 1px solid #ccc; | |
| top: 0; | |
| bottom: 0; | |
| position: absolute | |
| } | |
| .cm-s-light .cm-header { | |
| color: blue | |
| } | |
| .cm-s-light .cm-quote { | |
| color: #090 | |
| } | |
| .cm-negative { | |
| color: #d44 | |
| } | |
| .cm-positive { | |
| color: #292 | |
| } | |
| .cm-header, | |
| .cm-strong { | |
| font-weight: 700 | |
| } | |
| .cm-em { | |
| font-style: italic | |
| } | |
| .cm-link { | |
| text-decoration: underline | |
| } | |
| .cm-strikethrough { | |
| text-decoration: line-through | |
| } | |
| .cm-s-light .cm-def, | |
| .cm-s-light .cm-keyword { | |
| color: #0284c7 | |
| } | |
| .cm-s-light .cm-def.cm-m-javascript { | |
| color: inherit | |
| } | |
| .cm-s-light .cm-property { | |
| color: #4f46e5 | |
| } | |
| .cm-s-light .cm-comment { | |
| color: #64748b | |
| } | |
| .cm-s-light .cm-string, | |
| .cm-s-light .cm-string-2 { | |
| color: #4f46e5 | |
| } | |
| .cm-s-light .cm-qualifier, | |
| .cm-s-light .cm-tag { | |
| color: #0284c7 | |
| } | |
| .cm-s-light .cm-bracket, | |
| .cm-s-light .cm-bracket+.cm-tag~.cm-attribute+[class=cm-m-xml] { | |
| color: #cbd5e1 | |
| } | |
| .cm-s-light .cm-tag.cm-m-tailwindcss { | |
| color: #1e293b | |
| } | |
| .cm-s-light .cm-attribute { | |
| color: #38bdf8 | |
| } | |
| .cm-s-light .cm-hr { | |
| color: #999 | |
| } | |
| .cm-s-light .cm-link { | |
| color: #00c | |
| } | |
| .cm-s-light .cm-callee { | |
| color: #0d9488 | |
| } | |
| .cm-s-light .cm-operator.cm-m-javascript, | |
| .cm-s-light .cm-property.cm-m-javascript, | |
| .cm-s-light .cm-variable.cm-m-javascript { | |
| color: inherit | |
| } | |
| .cm-invalidchar, | |
| .cm-s-light .cm-error { | |
| color: red | |
| } | |
| .CodeMirror-composing { | |
| border-bottom: 2px solid | |
| } | |
| div.CodeMirror span.CodeMirror-matchingbracket { | |
| color: #0b0 | |
| } | |
| div.CodeMirror span.CodeMirror-nonmatchingbracket { | |
| color: #a22 | |
| } | |
| .CodeMirror-matchingtag { | |
| background: rgba(255, 150, 0, .3) | |
| } | |
| .CodeMirror-activeline-background { | |
| background: #e8f2ff | |
| } | |
| .CodeMirror { | |
| position: relative; | |
| overflow: hidden; | |
| background: #fff | |
| } | |
| .CodeMirror-scroll { | |
| overflow: scroll !important; | |
| margin-bottom: -50px; | |
| margin-right: -50px; | |
| padding-bottom: 50px; | |
| height: 100%; | |
| outline: none; | |
| position: relative | |
| } | |
| .CodeMirror-sizer { | |
| position: relative; | |
| border-right: 50px solid transparent | |
| } | |
| .CodeMirror-gutter-filler, | |
| .CodeMirror-hscrollbar, | |
| .CodeMirror-scrollbar-filler, | |
| .CodeMirror-vscrollbar { | |
| position: absolute; | |
| z-index: 6; | |
| display: none | |
| } | |
| .CodeMirror-vscrollbar { | |
| right: 0; | |
| top: 0; | |
| overflow-x: hidden; | |
| overflow-y: scroll | |
| } | |
| .CodeMirror-hscrollbar { | |
| bottom: 0; | |
| left: 0; | |
| overflow-y: hidden; | |
| overflow-x: scroll | |
| } | |
| .CodeMirror-scrollbar-filler { | |
| right: 0; | |
| bottom: 0 | |
| } | |
| .CodeMirror-gutter-filler { | |
| left: 0; | |
| bottom: 0 | |
| } | |
| .CodeMirror-gutters { | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| min-height: 100%; | |
| z-index: 3 | |
| } | |
| .CodeMirror-gutter { | |
| white-space: normal; | |
| height: 100%; | |
| display: inline-block; | |
| vertical-align: top; | |
| margin-bottom: -50px | |
| } | |
| .CodeMirror-gutter-wrapper { | |
| position: absolute; | |
| z-index: 4; | |
| background: none !important; | |
| border: none !important | |
| } | |
| .CodeMirror-gutter-background { | |
| position: absolute; | |
| top: 0; | |
| bottom: 0; | |
| z-index: 4 | |
| } | |
| .CodeMirror-gutter-elt { | |
| position: absolute; | |
| cursor: default; | |
| z-index: 4 | |
| } | |
| .CodeMirror-gutter-wrapper ::selection { | |
| background-color: transparent | |
| } | |
| .CodeMirror-gutter-wrapper ::-moz-selection { | |
| background-color: transparent | |
| } | |
| .CodeMirror-lines { | |
| cursor: text; | |
| min-height: 1px | |
| } | |
| .CodeMirror pre.CodeMirror-line, | |
| .CodeMirror pre.CodeMirror-line-like { | |
| border-radius: 0; | |
| border-width: 0; | |
| background: transparent; | |
| font-family: inherit; | |
| font-size: inherit; | |
| margin: 0; | |
| white-space: pre; | |
| word-wrap: normal; | |
| line-height: inherit; | |
| color: inherit; | |
| z-index: 2; | |
| position: relative; | |
| overflow: visible; | |
| -webkit-tap-highlight-color: transparent; | |
| font-variant-ligatures: contextual | |
| } | |
| .CodeMirror-wrap pre.CodeMirror-line, | |
| .CodeMirror-wrap pre.CodeMirror-line-like { | |
| word-wrap: break-word; | |
| white-space: pre-wrap; | |
| word-break: normal | |
| } | |
| .CodeMirror-linebackground { | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| bottom: 0; | |
| z-index: 0 | |
| } | |
| .CodeMirror-linewidget { | |
| position: relative; | |
| z-index: 2; | |
| padding: .1px | |
| } | |
| .CodeMirror-rtl pre { | |
| direction: rtl | |
| } | |
| .CodeMirror-code { | |
| outline: none | |
| } | |
| .CodeMirror-gutter, | |
| .CodeMirror-gutters, | |
| .CodeMirror-linenumber, | |
| .CodeMirror-scroll, | |
| .CodeMirror-sizer { | |
| box-sizing: content-box | |
| } | |
| .CodeMirror-measure { | |
| position: absolute; | |
| width: 100%; | |
| height: 0; | |
| overflow: hidden; | |
| visibility: hidden | |
| } | |
| .CodeMirror-cursor { | |
| position: absolute; | |
| pointer-events: none | |
| } | |
| .CodeMirror-measure pre { | |
| position: static | |
| } | |
| div.CodeMirror-cursors { | |
| visibility: hidden; | |
| position: relative; | |
| z-index: 3 | |
| } | |
| .CodeMirror-focused div.CodeMirror-cursors, | |
| div.CodeMirror-dragcursors { | |
| visibility: visible | |
| } | |
| .CodeMirror-selected { | |
| background: #e5ebf1 | |
| } | |
| .CodeMirror-focused .CodeMirror-selected { | |
| background: #add6ff | |
| } | |
| .CodeMirror-crosshair { | |
| cursor: crosshair | |
| } | |
| .CodeMirror-line::selection, | |
| .CodeMirror-line>span::selection, | |
| .CodeMirror-line>span>span::selection { | |
| background: #add6ff | |
| } | |
| .CodeMirror-line::-moz-selection, | |
| .CodeMirror-line>span::-moz-selection, | |
| .CodeMirror-line>span>span::-moz-selection { | |
| background: #add6ff | |
| } | |
| .cm-searching { | |
| background-color: #ffa; | |
| background-color: rgba(255, 255, 0, .4) | |
| } | |
| .cm-force-border { | |
| padding-right: .1px | |
| } | |
| @media print { | |
| .CodeMirror div.CodeMirror-cursors { | |
| visibility: hidden | |
| } | |
| } | |
| .cm-tab-wrap-hack:after { | |
| content: "" | |
| } | |
| span.CodeMirror-selectedtext { | |
| background: none | |
| } | |
| .cm-s-dark.CodeMirror { | |
| background-color: #1e293b; | |
| color: #f8fafc | |
| } | |
| .cm-s-dark .CodeMirror-gutters { | |
| background: #1e293b; | |
| color: #475569; | |
| border: none | |
| } | |
| .cm-s-dark .CodeMirror-guttermarker, | |
| .cm-s-dark .CodeMirror-guttermarker-subtle, | |
| .cm-s-dark .CodeMirror-linenumber { | |
| color: #475569 | |
| } | |
| .cm-s-dark .CodeMirror-cursor { | |
| border-left: 2px solid #aeafad | |
| } | |
| .cm-s-dark div.CodeMirror-selected { | |
| background: #3a3d41 | |
| } | |
| .cm-s-dark.CodeMirror-focused div.CodeMirror-selected { | |
| background: #264f78 | |
| } | |
| .cm-s-dark .CodeMirror-line::selection, | |
| .cm-s-dark .CodeMirror-line>span::selection, | |
| .cm-s-dark .CodeMirror-line>span>span::selection { | |
| background: rgba(128, 203, 196, .2) | |
| } | |
| .cm-s-dark .CodeMirror-line::-moz-selection, | |
| .cm-s-dark .CodeMirror-line>span::-moz-selection, | |
| .cm-s-dark .CodeMirror-line>span>span::-moz-selection { | |
| background: rgba(128, 203, 196, .2) | |
| } | |
| .cm-s-dark .CodeMirror-activeline-background { | |
| background: rgba(0, 0, 0, .5) | |
| } | |
| .cm-s-dark .cm-keyword { | |
| color: #cbd5e1 | |
| } | |
| .cm-s-dark .cm-number { | |
| color: #f8fafc | |
| } | |
| .cm-s-dark .cm-def { | |
| color: #cbd5e1 | |
| } | |
| .cm-s-dark .cm-string, | |
| .cm-s-dark .cm-string-2 { | |
| color: #7dd3fc | |
| } | |
| .cm-s-dark .cm-comment { | |
| color: #94a3b8 | |
| } | |
| .cm-s-dark .cm-tag { | |
| color: #f472b6 | |
| } | |
| .cm-s-dark .cm-bracket+.cm-tag~.cm-attribute+[class=cm-m-xml] { | |
| color: #64748b | |
| } | |
| .cm-s-dark .cm-attribute { | |
| color: #cbd5e1 | |
| } | |
| .cm-s-dark .cm-property { | |
| color: #7dd3fc | |
| } | |
| .cm-s-dark .cm-qualifier { | |
| color: #f472b6 | |
| } | |
| .cm-s-dark .cm-bracket { | |
| color: #64748b | |
| } | |
| .cm-s-dark .cm-callee { | |
| color: #99f6e4 | |
| } | |
| .cm-s-dark .cm-error { | |
| color: #fff; | |
| background-color: #ff5370 | |
| } | |
| .cm-s-dark .CodeMirror-matchingbracket { | |
| text-decoration: underline; | |
| color: #fff !important | |
| } | |
| .cm-s-dark .cm-tag.cm-m-tailwindcss { | |
| color: #f8fafc | |
| } | |
| .cm-s-dark .cm-def.cm-m-javascript, | |
| .cm-s-dark .cm-property.cm-m-javascript, | |
| .cm-s-dark .cm-variable.cm-m-javascript { | |
| color: inherit | |
| } | |
| @font-face { | |
| font-family: Inter var; | |
| font-weight: 100 900; | |
| font-display: swap; | |
| font-style: normal; | |
| font-named-instance: "Regular"; | |
| src: url(/_next/static/media/Inter-roman-latin.var.18496762.woff2) format("woff2") | |
| } | |
| #__next { | |
| width: 100%; | |
| flex: none; | |
| display: flex; | |
| flex-direction: column | |
| } | |
| nextjs-portal { | |
| display: none | |
| } | |
| body.cursor-ew-resize, | |
| body.cursor-ew-resize * { | |
| cursor: ew-resize !important | |
| } | |
| body.cursor-ns-resize, | |
| body.cursor-ns-resize * { | |
| cursor: ns-resize !important | |
| } | |
| body.cursor-nesw-resize, | |
| body.cursor-nesw-resize * { | |
| cursor: nesw-resize !important | |
| } | |
| body.cursor-nwse-resize, | |
| body.cursor-nwse-resize * { | |
| cursor: nwse-resize !important | |
| } | |
| .disable-transitions * { | |
| transition: none !important | |
| } | |
| .monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents { | |
| display: block | |
| } | |
| .monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left { | |
| flex: none !important | |
| } | |
| .monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right { | |
| flex: auto !important; | |
| justify-content: flex-end !important; | |
| max-width: none !important | |
| } | |
| .monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.details-label { | |
| margin-left: 2em !important; | |
| opacity: 1 !important; | |
| color: #94a3b8 | |
| } | |
| .monaco-editor .suggest-widget:not(.docs-side) .monaco-list .monaco-list-row:hover>.contents>.main>.right.can-expand-details>.details-label { | |
| width: auto !important; | |
| padding-right: 26px !important | |
| } | |
| .monaco-editor .suggest-widget .details>.monaco-scrollable-element>.body>.docs .code { | |
| font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important | |
| } | |
| .monaco-editor .suggest-widget { | |
| border: 0 !important; | |
| border-radius: 8px; | |
| overflow: hidden; | |
| --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(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); | |
| --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); | |
| --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); | |
| box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); | |
| --tw-ring-color: rgba(15, 23, 42, .1) | |
| } | |
| .monaco-list:not(.drop-target) .monaco-list-row:hover:not(.selected):not(.focused) { | |
| background-color: rgba(148, 163, 184, .05) !important | |
| } | |
| .vs-dark .monaco-list:not(.drop-target) .monaco-list-row:hover:not(.selected):not(.focused) { | |
| background-color: rgba(148, 163, 184, .07) !important | |
| } | |
| .monaco-editor .suggest-widget .monaco-list-rows { | |
| padding: 4px 0 | |
| } | |
| .monaco-editor .suggest-details { | |
| border-radius: 8px; | |
| border: 0 !important; | |
| --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(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); | |
| --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); | |
| --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); | |
| box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); | |
| --tw-ring-color: rgba(15, 23, 42, .1) | |
| } | |
| .monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon { | |
| margin-left: 2px !important; | |
| margin-right: 5px !important | |
| } | |
| .monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.customcolor .colorspan { | |
| width: .8571428571em !important; | |
| height: .8571428571em !important | |
| } | |
| .monaco-editor .suggest-widget .details>.monaco-scrollable-element>.body>.header>.codicon-close:before { | |
| content: none !important | |
| } | |
| .monaco-editor .suggest-widget .details>.monaco-scrollable-element>.body>.header>.codicon-close { | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 9'%3E%3Cpath d='M1 1L8 8M8 1L1 8' stroke='%2394a3b8' stroke-linecap='round'/%3E%3C/svg%3E"); | |
| background-position: 50%; | |
| background-repeat: no-repeat; | |
| background-size: 9px 9px | |
| } | |
| .monaco-editor .suggest-widget .details>.monaco-scrollable-element>.body>.header>.type { | |
| opacity: 1 !important; | |
| color: #94a3b8 | |
| } | |
| .monaco-hover { | |
| border: 0 !important; | |
| border-radius: 8px; | |
| --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(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); | |
| --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); | |
| --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); | |
| box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); | |
| --tw-ring-color: rgba(15, 23, 42, .1); | |
| color: #334155 !important | |
| } | |
| .vs-dark .monaco-hover { | |
| color: #cbd5e1 !important | |
| } | |
| .hover-contents [style^=opacity] { | |
| color: #94a3b8 !important; | |
| opacity: 1 !important | |
| } | |
| .vs-dark .hover-contents [style^=opacity] { | |
| color: #94a3b8 !important | |
| } | |
| .monaco-hover a { | |
| color: #6366f1 !important | |
| } | |
| .vs-dark .monaco-hover a { | |
| color: #38bdf8 !important | |
| } | |
| .monaco-editor .monaco-hover .hover-row:not(:first-child):not(:empty) { | |
| border-color: #e2e8f0 !important | |
| } | |
| .monaco-editor.vs-dark .monaco-hover .hover-row:not(:first-child):not(:empty) { | |
| border-color: #475569 !important | |
| } | |
| .monaco-editor .monaco-hover .hover-row .actions { | |
| background-color: transparent !important | |
| } | |
| .css-output-editor .monaco-scrollable-element:before { | |
| content: ""; | |
| display: block; | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| width: 14px; | |
| height: 49px; | |
| z-index: 1; | |
| background-color: hsla(0, 0%, 100%, .8); | |
| --tw-backdrop-blur: blur(8px); | |
| -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); | |
| backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) | |
| } | |
| .css-output-editor .monaco-scrollable-element.vs-dark:before { | |
| background-color: rgba(30, 41, 59, .8) | |
| } | |
| .css-output-editor .decorationsOverviewRuler { | |
| z-index: 1 | |
| } | |
| .css-output-editor .monaco-scrollable-element .scrollbar { | |
| z-index: 2 | |
| } | |
| .Resizer { | |
| background-color: #e2e8f0; | |
| z-index: 1; | |
| background-clip: padding-box | |
| } | |
| .dark .Resizer { | |
| background-color: #1e293b | |
| } | |
| .Resizer.horizontal { | |
| height: 11px; | |
| margin: -5px 0; | |
| border-top: 5px solid transparent; | |
| border-bottom: 5px solid transparent; | |
| cursor: ns-resize; | |
| width: 100% | |
| } | |
| .Resizer.vertical { | |
| width: 11px; | |
| margin: 0 -5px; | |
| border-left: 5px solid transparent; | |
| border-right: 5px solid transparent; | |
| cursor: ew-resize | |
| } | |
| .Resizer.Resizer-collapsed { | |
| width: 0; | |
| height: 0 | |
| } | |
| .Resizer.disabled { | |
| pointer-events: none | |
| } | |
| .before\:pointer-events-none:before { | |
| content: var(--tw-content); | |
| pointer-events: none | |
| } | |
| .before\:absolute:before { | |
| content: var(--tw-content); | |
| position: absolute | |
| } | |
| .before\:inset-x-0:before { | |
| content: var(--tw-content); | |
| left: 0; | |
| right: 0 | |
| } | |
| .before\:bottom-full:before { | |
| content: var(--tw-content); | |
| bottom: 100% | |
| } | |
| .before\:mb-1:before { | |
| content: var(--tw-content); | |
| margin-bottom: .25rem | |
| } | |
| .before\:h-px:before { | |
| content: var(--tw-content); | |
| height: 1px | |
| } | |
| .before\:bg-gray-100:before { | |
| content: var(--tw-content) | |
| } | |
| .before\:bg-gray-100:before, | |
| .hover\:bg-gray-100:hover { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(241 245 249/var(--tw-bg-opacity)) | |
| } | |
| .hover\:bg-gray-400\/20:hover { | |
| background-color: rgba(148, 163, 184, .2) | |
| } | |
| .hover\:bg-gray-50:hover { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(248 250 252/var(--tw-bg-opacity)) | |
| } | |
| .hover\:bg-sky-400:hover { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(56 189 248/var(--tw-bg-opacity)) | |
| } | |
| .hover\:fill-gray-200:hover { | |
| fill: #e2e8f0 | |
| } | |
| .hover\:stroke-gray-400:hover { | |
| stroke: #94a3b8 | |
| } | |
| .hover\:text-gray-700:hover { | |
| --tw-text-opacity: 1; | |
| color: rgb(51 65 85/var(--tw-text-opacity)) | |
| } | |
| .hover\:text-gray-900:hover { | |
| --tw-text-opacity: 1; | |
| color: rgb(15 23 42/var(--tw-text-opacity)) | |
| } | |
| .hover\:text-sky-600:hover { | |
| --tw-text-opacity: 1; | |
| color: rgb(2 132 199/var(--tw-text-opacity)) | |
| } | |
| .focus\:pointer-events-auto:focus { | |
| pointer-events: auto | |
| } | |
| .focus\:text-gray-900:focus { | |
| --tw-text-opacity: 1; | |
| color: rgb(15 23 42/var(--tw-text-opacity)) | |
| } | |
| .focus\:opacity-100:focus { | |
| opacity: 1 | |
| } | |
| .focus\:outline-none:focus { | |
| outline: 2px solid transparent; | |
| outline-offset: 2px | |
| } | |
| .focus-visible\:ring-2:focus-visible { | |
| --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); | |
| --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); | |
| box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) | |
| } | |
| .focus-visible\:ring-gray-400\/70:focus-visible { | |
| --tw-ring-color: rgba(148, 163, 184, .7) | |
| } | |
| .focus-visible\:ring-sky-500:focus-visible { | |
| --tw-ring-opacity: 1; | |
| --tw-ring-color: rgb(14 165 233/var(--tw-ring-opacity)) | |
| } | |
| .group:hover .group-hover\:stroke-sky-600 { | |
| stroke: #0284c7 | |
| } | |
| .group:hover .group-hover\:text-gray-900 { | |
| --tw-text-opacity: 1; | |
| color: rgb(15 23 42/var(--tw-text-opacity)) | |
| } | |
| .dark\:inline:is(.dark *) { | |
| display: inline | |
| } | |
| .dark\:hidden:is(.dark *) { | |
| display: none | |
| } | |
| .dark\:rounded-none:is(.dark *) { | |
| border-radius: 0 | |
| } | |
| .dark\:rounded-t-lg:is(.dark *) { | |
| border-top-left-radius: .5rem; | |
| border-top-right-radius: .5rem | |
| } | |
| .dark\:border-0:is(.dark *) { | |
| border-width: 0 | |
| } | |
| .dark\:border-gray-600:is(.dark *) { | |
| --tw-border-opacity: 1; | |
| border-color: rgb(71 85 105/var(--tw-border-opacity)) | |
| } | |
| .dark\:border-gray-700:is(.dark *) { | |
| --tw-border-opacity: 1; | |
| border-color: rgb(51 65 85/var(--tw-border-opacity)) | |
| } | |
| .dark\:border-gray-800:is(.dark *) { | |
| --tw-border-opacity: 1; | |
| border-color: rgb(30 41 59/var(--tw-border-opacity)) | |
| } | |
| .dark\:border-transparent:is(.dark *) { | |
| border-color: transparent | |
| } | |
| .dark\:border-white\/10:is(.dark *) { | |
| border-color: hsla(0, 0%, 100%, .1) | |
| } | |
| .dark\:bg-black:is(.dark *) { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(0 0 0/var(--tw-bg-opacity)) | |
| } | |
| .dark\:bg-gray-100\/\[0\.08\]:is(.dark *) { | |
| background-color: rgba(241, 245, 249, .08) | |
| } | |
| .dark\:bg-gray-600\/30:is(.dark *) { | |
| background-color: rgba(71, 85, 105, .3) | |
| } | |
| .dark\:bg-gray-700:is(.dark *) { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(51 65 85/var(--tw-bg-opacity)) | |
| } | |
| .dark\:bg-gray-800:is(.dark *) { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(30 41 59/var(--tw-bg-opacity)) | |
| } | |
| .dark\:bg-gray-800\/80:is(.dark *) { | |
| background-color: rgba(30, 41, 59, .8) | |
| } | |
| .dark\:bg-gray-900:is(.dark *) { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(15 23 42/var(--tw-bg-opacity)) | |
| } | |
| .dark\:bg-sky-500\/10:is(.dark *) { | |
| background-color: rgba(14, 165, 233, .1) | |
| } | |
| .dark\:bg-gradient-to-b:is(.dark *) { | |
| background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) | |
| } | |
| .dark\:from-\[\#242F41\]:is(.dark *) { | |
| --tw-gradient-from: #242f41 var(--tw-gradient-from-position); | |
| --tw-gradient-to: rgba(36, 47, 65, 0) var(--tw-gradient-to-position); | |
| --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) | |
| } | |
| .dark\:to-gray-800:is(.dark *) { | |
| --tw-gradient-to: #1e293b var(--tw-gradient-to-position) | |
| } | |
| .dark\:fill-gray-400\/20:is(.dark *) { | |
| fill: rgba(148, 163, 184, .2) | |
| } | |
| .dark\:fill-gray-500:is(.dark *) { | |
| fill: #64748b | |
| } | |
| .dark\:fill-sky-400\/50:is(.dark *) { | |
| fill: rgba(56, 189, 248, .5) | |
| } | |
| .dark\:stroke-gray-400:is(.dark *) { | |
| stroke: #94a3b8 | |
| } | |
| .dark\:stroke-gray-500:is(.dark *) { | |
| stroke: #64748b | |
| } | |
| .dark\:stroke-sky-400:is(.dark *) { | |
| stroke: #38bdf8 | |
| } | |
| .dark\:text-gray-200:is(.dark *) { | |
| --tw-text-opacity: 1; | |
| color: rgb(226 232 240/var(--tw-text-opacity)) | |
| } | |
| .dark\:text-gray-300:is(.dark *) { | |
| --tw-text-opacity: 1; | |
| color: rgb(203 213 225/var(--tw-text-opacity)) | |
| } | |
| .dark\:text-gray-400:is(.dark *) { | |
| --tw-text-opacity: 1; | |
| color: rgb(148 163 184/var(--tw-text-opacity)) | |
| } | |
| .dark\:text-gray-500:is(.dark *) { | |
| --tw-text-opacity: 1; | |
| color: rgb(100 116 139/var(--tw-text-opacity)) | |
| } | |
| .dark\:text-gray-600:is(.dark *) { | |
| --tw-text-opacity: 1; | |
| color: rgb(71 85 105/var(--tw-text-opacity)) | |
| } | |
| .dark\:text-sky-400:is(.dark *) { | |
| --tw-text-opacity: 1; | |
| color: rgb(56 189 248/var(--tw-text-opacity)) | |
| } | |
| .dark\:text-white:is(.dark *) { | |
| --tw-text-opacity: 1; | |
| color: rgb(255 255 255/var(--tw-text-opacity)) | |
| } | |
| .dark\:text-white\/40:is(.dark *) { | |
| color: hsla(0, 0%, 100%, .4) | |
| } | |
| .dark\:opacity-0:is(.dark *) { | |
| opacity: 0 | |
| } | |
| .dark\:opacity-100:is(.dark *) { | |
| opacity: 1 | |
| } | |
| .dark\:shadow-highlight\/20:is(.dark *) { | |
| --tw-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .2); | |
| --tw-shadow-colored: inset 0 1px 0 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) | |
| } | |
| .dark\:shadow-highlight\/4:is(.dark *) { | |
| --tw-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .04); | |
| --tw-shadow-colored: inset 0 1px 0 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) | |
| } | |
| .dark\:shadow-none:is(.dark *) { | |
| --tw-shadow: 0 0 #0000; | |
| --tw-shadow-colored: 0 0 #0000; | |
| box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) | |
| } | |
| .dark\:ring-0:is(.dark *) { | |
| --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); | |
| --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); | |
| box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) | |
| } | |
| .dark\:ring-1:is(.dark *) { | |
| --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); | |
| --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); | |
| box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) | |
| } | |
| .dark\:ring-inset:is(.dark *) { | |
| --tw-ring-inset: inset | |
| } | |
| .dark\:ring-white\/\[0\.08\]:is(.dark *) { | |
| --tw-ring-color: hsla(0, 0%, 100%, .08) | |
| } | |
| .dark\:before\:bg-gray-600\/30:is(.dark *):before { | |
| content: var(--tw-content); | |
| background-color: rgba(71, 85, 105, .3) | |
| } | |
| .dark\:hover\:bg-gray-600:hover:is(.dark *) { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(71 85 105/var(--tw-bg-opacity)) | |
| } | |
| .dark\:hover\:bg-gray-700:hover:is(.dark *) { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(51 65 85/var(--tw-bg-opacity)) | |
| } | |
| .dark\:hover\:fill-gray-400\/30:hover:is(.dark *) { | |
| fill: rgba(148, 163, 184, .3) | |
| } | |
| .dark\:hover\:stroke-gray-400:hover:is(.dark *) { | |
| stroke: #94a3b8 | |
| } | |
| .dark\:hover\:text-gray-200:hover:is(.dark *) { | |
| --tw-text-opacity: 1; | |
| color: rgb(226 232 240/var(--tw-text-opacity)) | |
| } | |
| .dark\:hover\:text-gray-300:hover:is(.dark *) { | |
| --tw-text-opacity: 1; | |
| color: rgb(203 213 225/var(--tw-text-opacity)) | |
| } | |
| .dark\:hover\:text-gray-400:hover:is(.dark *) { | |
| --tw-text-opacity: 1; | |
| color: rgb(148 163 184/var(--tw-text-opacity)) | |
| } | |
| .dark\:hover\:text-white:hover:is(.dark *) { | |
| --tw-text-opacity: 1; | |
| color: rgb(255 255 255/var(--tw-text-opacity)) | |
| } | |
| .dark\:focus-visible\:ring-2:focus-visible:is(.dark *) { | |
| --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); | |
| --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); | |
| box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) | |
| } | |
| .dark\:focus-visible\:ring-gray-400:focus-visible:is(.dark *) { | |
| --tw-ring-opacity: 1; | |
| --tw-ring-color: rgb(148 163 184/var(--tw-ring-opacity)) | |
| } | |
| .dark\:focus-visible\:ring-gray-500:focus-visible:is(.dark *) { | |
| --tw-ring-opacity: 1; | |
| --tw-ring-color: rgb(100 116 139/var(--tw-ring-opacity)) | |
| } | |
| .dark\:focus-visible\:ring-sky-400:focus-visible:is(.dark *) { | |
| --tw-ring-opacity: 1; | |
| --tw-ring-color: rgb(56 189 248/var(--tw-ring-opacity)) | |
| } | |
| .group:hover .dark\:group-hover\:stroke-gray-300:is(.dark *) { | |
| stroke: #cbd5e1 | |
| } | |
| .group:hover .dark\:group-hover\:text-gray-200:is(.dark *) { | |
| --tw-text-opacity: 1; | |
| color: rgb(226 232 240/var(--tw-text-opacity)) | |
| } | |
| @media (min-width:640px) { | |
| .sm\:mx-auto { | |
| margin-left: auto; | |
| margin-right: auto | |
| } | |
| .sm\:ml-0 { | |
| margin-left: 0 | |
| } | |
| .sm\:block { | |
| display: block | |
| } | |
| .sm\:flex { | |
| display: flex | |
| } | |
| .sm\:max-w-lg { | |
| max-width: 32rem | |
| } | |
| .sm\:rounded-lg { | |
| border-radius: .5rem | |
| } | |
| .sm\:px-10 { | |
| padding-left: 2.5rem; | |
| padding-right: 2.5rem | |
| } | |
| .sm\:py-12 { | |
| padding-top: 3rem; | |
| padding-bottom: 3rem | |
| } | |
| .sm\:pl-6 { | |
| padding-left: 1.5rem | |
| } | |
| .sm\:pr-4 { | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:768px) { | |
| .md\:mt-0 { | |
| margin-top: 0 | |
| } | |
| .md\:block { | |
| display: block | |
| } | |
| .md\:border-0 { | |
| border-width: 0 | |
| } | |
| .md\:pr-3\.5 { | |
| padding-right: .875rem | |
| } | |
| } | |
| @media (min-width:1024px) { | |
| .lg\:top-0 { | |
| top: 0 | |
| } | |
| .lg\:mx-4 { | |
| margin-left: 1rem; | |
| margin-right: 1rem | |
| } | |
| .lg\:flex { | |
| display: flex | |
| } | |
| .lg\:border-0 { | |
| border-width: 0 | |
| } | |
| .lg\:px-6 { | |
| padding-left: 1.5rem | |
| } | |
| .lg\:pr-6, | |
| .lg\:px-6 { | |
| padding-right: 1.5rem | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment