avinal · June 19, 2023 12:18
diff --git a/tailwindplay.html b/tailwindplay.html
 <html class="fixed overflow-hidden h-full dark" data-lt-installed="true" lang="en"><head><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><meta name="viewport" content="width=device-width"><meta charset="utf-8"><link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png?v=3"><link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png?v=3"><link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png?v=3"><link rel="manifest" href="/favicons/site.webmanifest?v=3"><link rel="mask-icon" href="/favicons/safari-pinned-tab.svg?v=3" color="#38bdf8"><link rel="shortcut icon" href="/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="/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"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:image" content="https://play.tailwindcss.com/social-card.jpg"><meta property="og:image" content="https://play.tailwindcss.com/social-card.jpg"><meta name="next-head-count" content="26"><link rel="preload" href="/_next/static/css/f66fe09bf6f0b70c.css" as="style"><link rel="stylesheet" href="/_next/static/css/f66fe09bf6f0b70c.css" data-n-g=""><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"></script><script src="/_next/static/chunks/webpack-b245f258c99e8a5d.js" defer=""></script><script src="/_next/static/chunks/framework-568b840ecff66744.js" defer=""></script><script src="/_next/static/chunks/main-b31b50e4e04c9a15.js" defer=""></script><script src="/_next/static/chunks/pages/_app-6cb56909b41285fd.js" defer=""></script><script src="/_next/static/chunks/8996-c37d4467832724f5.js" defer=""></script><script src="/_next/static/chunks/pages/%5B%5B...slug%5D%5D-cbea97223bce9938.js" defer=""></script><script src="/_next/static/6KezaF2-ywWFjiYSjvlpO/_buildManifest.js" defer=""></script><script src="/_next/static/6KezaF2-ywWFjiYSjvlpO/_ssgManifest.js" defer=""></script><script src="/_next/static/6KezaF2-ywWFjiYSjvlpO/_middlewareManifest.js" defer=""></script><link rel="stylesheet" type="text/css" href="/_next/static/css/b02abbe7317b0464.css"><style type="text/css" media="screen" class="monaco-colors">.codicon-add:before { content: '\ea60'; }
 .codicon-plus:before { content: '\ea60'; }
 .codicon-gist-new:before { content: '\ea60'; }
 .codicon-repo-create:before { content: '\ea60'; }
 .codicon-lightbulb:before { content: '\ea61'; }
 .codicon-light-bulb:before { content: '\ea61'; }
 .codicon-repo:before { content: '\ea62'; }
 .codicon-repo-delete:before { content: '\ea62'; }
 .codicon-gist-fork:before { content: '\ea63'; }
 .codicon-repo-forked:before { content: '\ea63'; }
 .codicon-git-pull-request:before { content: '\ea64'; }
 .codicon-git-pull-request-abandoned:before { content: '\ea64'; }
 .codicon-record-keys:before { content: '\ea65'; }
 .codicon-keyboard:before { content: '\ea65'; }
 .codicon-tag:before { content: '\ea66'; }
 .codicon-tag-add:before { content: '\ea66'; }
 .codicon-tag-remove:before { content: '\ea66'; }
 .codicon-person:before { content: '\ea67'; }
 .codicon-person-follow:before { content: '\ea67'; }
 .codicon-person-outline:before { content: '\ea67'; }
 .codicon-person-filled:before { content: '\ea67'; }
 .codicon-git-branch:before { content: '\ea68'; }
 .codicon-git-branch-create:before { content: '\ea68'; }
 .codicon-git-branch-delete:before { content: '\ea68'; }
 .codicon-source-control:before { content: '\ea68'; }
 .codicon-mirror:before { content: '\ea69'; }
 .codicon-mirror-public:before { content: '\ea69'; }
 .codicon-star:before { content: '\ea6a'; }
 .codicon-star-add:before { content: '\ea6a'; }
 .codicon-star-delete:before { content: '\ea6a'; }
 .codicon-star-empty:before { content: '\ea6a'; }
 .codicon-comment:before { content: '\ea6b'; }
 .codicon-comment-add:before { content: '\ea6b'; }
 .codicon-alert:before { content: '\ea6c'; }
 .codicon-warning:before { content: '\ea6c'; }
 .codicon-search:before { content: '\ea6d'; }
 .codicon-search-save:before { content: '\ea6d'; }
 .codicon-log-out:before { content: '\ea6e'; }
 .codicon-sign-out:before { content: '\ea6e'; }
 .codicon-log-in:before { content: '\ea6f'; }
 .codicon-sign-in:before { content: '\ea6f'; }
 .codicon-eye:before { content: '\ea70'; }
 .codicon-eye-unwatch:before { content: '\ea70'; }
 .codicon-eye-watch:before { content: '\ea70'; }
 .codicon-circle-filled:before { content: '\ea71'; }
 .codicon-primitive-dot:before { content: '\ea71'; }
 .codicon-close-dirty:before { content: '\ea71'; }
 .codicon-debug-breakpoint:before { content: '\ea71'; }
 .codicon-debug-breakpoint-disabled:before { content: '\ea71'; }
 .codicon-debug-hint:before { content: '\ea71'; }
 .codicon-primitive-square:before { content: '\ea72'; }
 .codicon-edit:before { content: '\ea73'; }
 .codicon-pencil:before { content: '\ea73'; }
 .codicon-info:before { content: '\ea74'; }
 .codicon-issue-opened:before { content: '\ea74'; }
 .codicon-gist-private:before { content: '\ea75'; }
 .codicon-git-fork-private:before { content: '\ea75'; }
 .codicon-lock:before { content: '\ea75'; }
 .codicon-mirror-private:before { content: '\ea75'; }
 .codicon-close:before { content: '\ea76'; }
 .codicon-remove-close:before { content: '\ea76'; }
 .codicon-x:before { content: '\ea76'; }
 .codicon-repo-sync:before { content: '\ea77'; }
 .codicon-sync:before { content: '\ea77'; }
 .codicon-clone:before { content: '\ea78'; }
 .codicon-desktop-download:before { content: '\ea78'; }
 .codicon-beaker:before { content: '\ea79'; }
 .codicon-microscope:before { content: '\ea79'; }
 .codicon-vm:before { content: '\ea7a'; }
 .codicon-device-desktop:before { content: '\ea7a'; }
 .codicon-file:before { content: '\ea7b'; }
 .codicon-file-text:before { content: '\ea7b'; }
 .codicon-more:before { content: '\ea7c'; }
 .codicon-ellipsis:before { content: '\ea7c'; }
 .codicon-kebab-horizontal:before { content: '\ea7c'; }
 .codicon-mail-reply:before { content: '\ea7d'; }
 .codicon-reply:before { content: '\ea7d'; }
 .codicon-organization:before { content: '\ea7e'; }
 .codicon-organization-filled:before { content: '\ea7e'; }
 .codicon-organization-outline:before { content: '\ea7e'; }
 .codicon-new-file:before { content: '\ea7f'; }
 .codicon-file-add:before { content: '\ea7f'; }
 .codicon-new-folder:before { content: '\ea80'; }
 .codicon-file-directory-create:before { content: '\ea80'; }
 .codicon-trash:before { content: '\ea81'; }
 .codicon-trashcan:before { content: '\ea81'; }
 .codicon-history:before { content: '\ea82'; }
 .codicon-clock:before { content: '\ea82'; }
 .codicon-folder:before { content: '\ea83'; }
 .codicon-file-directory:before { content: '\ea83'; }
 .codicon-symbol-folder:before { content: '\ea83'; }
 .codicon-logo-github:before { content: '\ea84'; }
 .codicon-mark-github:before { content: '\ea84'; }
 .codicon-github:before { content: '\ea84'; }
 .codicon-terminal:before { content: '\ea85'; }
 .codicon-console:before { content: '\ea85'; }
 .codicon-repl:before { content: '\ea85'; }
 .codicon-zap:before { content: '\ea86'; }
 .codicon-symbol-event:before { content: '\ea86'; }
 .codicon-error:before { content: '\ea87'; }
 .codicon-stop:before { content: '\ea87'; }
 .codicon-variable:before { content: '\ea88'; }
 .codicon-symbol-variable:before { content: '\ea88'; }
 .codicon-array:before { content: '\ea8a'; }
 .codicon-symbol-array:before { content: '\ea8a'; }
 .codicon-symbol-module:before { content: '\ea8b'; }
 .codicon-symbol-package:before { content: '\ea8b'; }
 .codicon-symbol-namespace:before { content: '\ea8b'; }
 .codicon-symbol-object:before { content: '\ea8b'; }
 .codicon-symbol-method:before { content: '\ea8c'; }
 .codicon-symbol-function:before { content: '\ea8c'; }
 .codicon-symbol-constructor:before { content: '\ea8c'; }
 .codicon-symbol-boolean:before { content: '\ea8f'; }
 .codicon-symbol-null:before { content: '\ea8f'; }
 .codicon-symbol-numeric:before { content: '\ea90'; }
 .codicon-symbol-number:before { content: '\ea90'; }
 .codicon-symbol-structure:before { content: '\ea91'; }
 .codicon-symbol-struct:before { content: '\ea91'; }
 .codicon-symbol-parameter:before { content: '\ea92'; }
 .codicon-symbol-type-parameter:before { content: '\ea92'; }
 .codicon-symbol-key:before { content: '\ea93'; }
 .codicon-symbol-text:before { content: '\ea93'; }
 .codicon-symbol-reference:before { content: '\ea94'; }
 .codicon-go-to-file:before { content: '\ea94'; }
 .codicon-symbol-enum:before { content: '\ea95'; }
 .codicon-symbol-value:before { content: '\ea95'; }
 .codicon-symbol-ruler:before { content: '\ea96'; }
 .codicon-symbol-unit:before { content: '\ea96'; }
 .codicon-activate-breakpoints:before { content: '\ea97'; }
 .codicon-archive:before { content: '\ea98'; }
 .codicon-arrow-both:before { content: '\ea99'; }
 .codicon-arrow-down:before { content: '\ea9a'; }
 .codicon-arrow-left:before { content: '\ea9b'; }
 .codicon-arrow-right:before { content: '\ea9c'; }
 .codicon-arrow-small-down:before { content: '\ea9d'; }
 .codicon-arrow-small-left:before { content: '\ea9e'; }
 .codicon-arrow-small-right:before { content: '\ea9f'; }
 .codicon-arrow-small-up:before { content: '\eaa0'; }
 .codicon-arrow-up:before { content: '\eaa1'; }
 .codicon-bell:before { content: '\eaa2'; }
 .codicon-bold:before { content: '\eaa3'; }
 .codicon-book:before { content: '\eaa4'; }
 .codicon-bookmark:before { content: '\eaa5'; }
 .codicon-debug-breakpoint-conditional-unverified:before { content: '\eaa6'; }
 .codicon-debug-breakpoint-conditional:before { content: '\eaa7'; }
 .codicon-debug-breakpoint-conditional-disabled:before { content: '\eaa7'; }
 .codicon-debug-breakpoint-data-unverified:before { content: '\eaa8'; }
 .codicon-debug-breakpoint-data:before { content: '\eaa9'; }
 .codicon-debug-breakpoint-data-disabled:before { content: '\eaa9'; }
 .codicon-debug-breakpoint-log-unverified:before { content: '\eaaa'; }
 .codicon-debug-breakpoint-log:before { content: '\eaab'; }
 .codicon-debug-breakpoint-log-disabled:before { content: '\eaab'; }
 .codicon-briefcase:before { content: '\eaac'; }
 .codicon-broadcast:before { content: '\eaad'; }
 .codicon-browser:before { content: '\eaae'; }
 .codicon-bug:before { content: '\eaaf'; }
 .codicon-calendar:before { content: '\eab0'; }
 .codicon-case-sensitive:before { content: '\eab1'; }
 .codicon-check:before { content: '\eab2'; }
 .codicon-checklist:before { content: '\eab3'; }
 .codicon-chevron-down:before { content: '\eab4'; }
 .codicon-drop-down-button:before { content: '\eab4'; }
 .codicon-chevron-left:before { content: '\eab5'; }
 .codicon-chevron-right:before { content: '\eab6'; }
 .codicon-chevron-up:before { content: '\eab7'; }
 .codicon-chrome-close:before { content: '\eab8'; }
 .codicon-chrome-maximize:before { content: '\eab9'; }
 .codicon-chrome-minimize:before { content: '\eaba'; }
 .codicon-chrome-restore:before { content: '\eabb'; }
 .codicon-circle-outline:before { content: '\eabc'; }
 .codicon-debug-breakpoint-unverified:before { content: '\eabc'; }
 .codicon-circle-slash:before { content: '\eabd'; }
 .codicon-circuit-board:before { content: '\eabe'; }
 .codicon-clear-all:before { content: '\eabf'; }
 .codicon-clippy:before { content: '\eac0'; }
 .codicon-close-all:before { content: '\eac1'; }
 .codicon-cloud-download:before { content: '\eac2'; }
 .codicon-cloud-upload:before { content: '\eac3'; }
 .codicon-code:before { content: '\eac4'; }
 .codicon-collapse-all:before { content: '\eac5'; }
 .codicon-color-mode:before { content: '\eac6'; }
 .codicon-comment-discussion:before { content: '\eac7'; }
 .codicon-compare-changes:before { content: '\eafd'; }
 .codicon-credit-card:before { content: '\eac9'; }
 .codicon-dash:before { content: '\eacc'; }
 .codicon-dashboard:before { content: '\eacd'; }
 .codicon-database:before { content: '\eace'; }
 .codicon-debug-continue:before { content: '\eacf'; }
 .codicon-debug-disconnect:before { content: '\ead0'; }
 .codicon-debug-pause:before { content: '\ead1'; }
 .codicon-debug-restart:before { content: '\ead2'; }
 .codicon-debug-start:before { content: '\ead3'; }
 .codicon-debug-step-into:before { content: '\ead4'; }
 .codicon-debug-step-out:before { content: '\ead5'; }
 .codicon-debug-step-over:before { content: '\ead6'; }
 .codicon-debug-stop:before { content: '\ead7'; }
 .codicon-debug:before { content: '\ead8'; }
 .codicon-device-camera-video:before { content: '\ead9'; }
 .codicon-device-camera:before { content: '\eada'; }
 .codicon-device-mobile:before { content: '\eadb'; }
 .codicon-diff-added:before { content: '\eadc'; }
 .codicon-diff-ignored:before { content: '\eadd'; }
 .codicon-diff-modified:before { content: '\eade'; }
 .codicon-diff-removed:before { content: '\eadf'; }
 .codicon-diff-renamed:before { content: '\eae0'; }
 .codicon-diff:before { content: '\eae1'; }
 .codicon-discard:before { content: '\eae2'; }
 .codicon-editor-layout:before { content: '\eae3'; }
 .codicon-empty-window:before { content: '\eae4'; }
 .codicon-exclude:before { content: '\eae5'; }
 .codicon-extensions:before { content: '\eae6'; }
 .codicon-eye-closed:before { content: '\eae7'; }
 .codicon-file-binary:before { content: '\eae8'; }
 .codicon-file-code:before { content: '\eae9'; }
 .codicon-file-media:before { content: '\eaea'; }
 .codicon-file-pdf:before { content: '\eaeb'; }
 .codicon-file-submodule:before { content: '\eaec'; }
 .codicon-file-symlink-directory:before { content: '\eaed'; }
 .codicon-file-symlink-file:before { content: '\eaee'; }
 .codicon-file-zip:before { content: '\eaef'; }
 .codicon-files:before { content: '\eaf0'; }
 .codicon-filter:before { content: '\eaf1'; }
 .codicon-flame:before { content: '\eaf2'; }
 .codicon-fold-down:before { content: '\eaf3'; }
 .codicon-fold-up:before { content: '\eaf4'; }
 .codicon-fold:before { content: '\eaf5'; }
 .codicon-folder-active:before { content: '\eaf6'; }
 .codicon-folder-opened:before { content: '\eaf7'; }
 .codicon-gear:before { content: '\eaf8'; }
 .codicon-gift:before { content: '\eaf9'; }
 .codicon-gist-secret:before { content: '\eafa'; }
 .codicon-gist:before { content: '\eafb'; }
 .codicon-git-commit:before { content: '\eafc'; }
 .codicon-git-compare:before { content: '\eafd'; }
 .codicon-git-merge:before { content: '\eafe'; }
 .codicon-github-action:before { content: '\eaff'; }
 .codicon-github-alt:before { content: '\eb00'; }
 .codicon-globe:before { content: '\eb01'; }
 .codicon-grabber:before { content: '\eb02'; }
 .codicon-graph:before { content: '\eb03'; }
 .codicon-gripper:before { content: '\eb04'; }
 .codicon-heart:before { content: '\eb05'; }
 .codicon-home:before { content: '\eb06'; }
 .codicon-horizontal-rule:before { content: '\eb07'; }
 .codicon-hubot:before { content: '\eb08'; }
 .codicon-inbox:before { content: '\eb09'; }
 .codicon-issue-closed:before { content: '\eba4'; }
 .codicon-issue-reopened:before { content: '\eb0b'; }
 .codicon-issues:before { content: '\eb0c'; }
 .codicon-italic:before { content: '\eb0d'; }
 .codicon-jersey:before { content: '\eb0e'; }
 .codicon-json:before { content: '\eb0f'; }
 .codicon-kebab-vertical:before { content: '\eb10'; }
 .codicon-key:before { content: '\eb11'; }
 .codicon-law:before { content: '\eb12'; }
 .codicon-lightbulb-autofix:before { content: '\eb13'; }
 .codicon-link-external:before { content: '\eb14'; }
 .codicon-link:before { content: '\eb15'; }
 .codicon-list-ordered:before { content: '\eb16'; }
 .codicon-list-unordered:before { content: '\eb17'; }
 .codicon-live-share:before { content: '\eb18'; }
 .codicon-loading:before { content: '\eb19'; }
 .codicon-location:before { content: '\eb1a'; }
 .codicon-mail-read:before { content: '\eb1b'; }
 .codicon-mail:before { content: '\eb1c'; }
 .codicon-markdown:before { content: '\eb1d'; }
 .codicon-megaphone:before { content: '\eb1e'; }
 .codicon-mention:before { content: '\eb1f'; }
 .codicon-milestone:before { content: '\eb20'; }
 .codicon-mortar-board:before { content: '\eb21'; }
 .codicon-move:before { content: '\eb22'; }
 .codicon-multiple-windows:before { content: '\eb23'; }
 .codicon-mute:before { content: '\eb24'; }
 .codicon-no-newline:before { content: '\eb25'; }
 .codicon-note:before { content: '\eb26'; }
 .codicon-octoface:before { content: '\eb27'; }
 .codicon-open-preview:before { content: '\eb28'; }
 .codicon-package:before { content: '\eb29'; }
 .codicon-paintcan:before { content: '\eb2a'; }
 .codicon-pin:before { content: '\eb2b'; }
 .codicon-play:before { content: '\eb2c'; }
 .codicon-run:before { content: '\eb2c'; }
 .codicon-plug:before { content: '\eb2d'; }
 .codicon-preserve-case:before { content: '\eb2e'; }
 .codicon-preview:before { content: '\eb2f'; }
 .codicon-project:before { content: '\eb30'; }
 .codicon-pulse:before { content: '\eb31'; }
 .codicon-question:before { content: '\eb32'; }
 .codicon-quote:before { content: '\eb33'; }
 .codicon-radio-tower:before { content: '\eb34'; }
 .codicon-reactions:before { content: '\eb35'; }
 .codicon-references:before { content: '\eb36'; }
 .codicon-refresh:before { content: '\eb37'; }
 .codicon-regex:before { content: '\eb38'; }
 .codicon-remote-explorer:before { content: '\eb39'; }
 .codicon-remote:before { content: '\eb3a'; }
 .codicon-remove:before { content: '\eb3b'; }
 .codicon-replace-all:before { content: '\eb3c'; }
 .codicon-replace:before { content: '\eb3d'; }
 .codicon-repo-clone:before { content: '\eb3e'; }
 .codicon-repo-force-push:before { content: '\eb3f'; }
 .codicon-repo-pull:before { content: '\eb40'; }
 .codicon-repo-push:before { content: '\eb41'; }
 .codicon-report:before { content: '\eb42'; }
 .codicon-request-changes:before { content: '\eb43'; }
 .codicon-rocket:before { content: '\eb44'; }
 .codicon-root-folder-opened:before { content: '\eb45'; }
 .codicon-root-folder:before { content: '\eb46'; }
 .codicon-rss:before { content: '\eb47'; }
 .codicon-ruby:before { content: '\eb48'; }
 .codicon-save-all:before { content: '\eb49'; }
 .codicon-save-as:before { content: '\eb4a'; }
 .codicon-save:before { content: '\eb4b'; }
 .codicon-screen-full:before { content: '\eb4c'; }
 .codicon-screen-normal:before { content: '\eb4d'; }
 .codicon-search-stop:before { content: '\eb4e'; }
 .codicon-server:before { content: '\eb50'; }
 .codicon-settings-gear:before { content: '\eb51'; }
 .codicon-settings:before { content: '\eb52'; }
 .codicon-shield:before { content: '\eb53'; }
 .codicon-smiley:before { content: '\eb54'; }
 .codicon-sort-precedence:before { content: '\eb55'; }
 .codicon-split-horizontal:before { content: '\eb56'; }
 .codicon-split-vertical:before { content: '\eb57'; }
 .codicon-squirrel:before { content: '\eb58'; }
 .codicon-star-full:before { content: '\eb59'; }
 .codicon-star-half:before { content: '\eb5a'; }
 .codicon-symbol-class:before { content: '\eb5b'; }
 .codicon-symbol-color:before { content: '\eb5c'; }
 .codicon-symbol-customcolor:before { content: '\eb5c'; }
 .codicon-symbol-constant:before { content: '\eb5d'; }
 .codicon-symbol-enum-member:before { content: '\eb5e'; }
 .codicon-symbol-field:before { content: '\eb5f'; }
 .codicon-symbol-file:before { content: '\eb60'; }
 .codicon-symbol-interface:before { content: '\eb61'; }
 .codicon-symbol-keyword:before { content: '\eb62'; }
 .codicon-symbol-misc:before { content: '\eb63'; }
 .codicon-symbol-operator:before { content: '\eb64'; }
 .codicon-symbol-property:before { content: '\eb65'; }
 .codicon-wrench:before { content: '\eb65'; }
 .codicon-wrench-subaction:before { content: '\eb65'; }
 .codicon-symbol-snippet:before { content: '\eb66'; }
 .codicon-tasklist:before { content: '\eb67'; }
 .codicon-telescope:before { content: '\eb68'; }
 .codicon-text-size:before { content: '\eb69'; }
 .codicon-three-bars:before { content: '\eb6a'; }
 .codicon-thumbsdown:before { content: '\eb6b'; }
 .codicon-thumbsup:before { content: '\eb6c'; }
 .codicon-tools:before { content: '\eb6d'; }
 .codicon-triangle-down:before { content: '\eb6e'; }
 .codicon-triangle-left:before { content: '\eb6f'; }
 .codicon-triangle-right:before { content: '\eb70'; }
 .codicon-triangle-up:before { content: '\eb71'; }
 .codicon-twitter:before { content: '\eb72'; }
 .codicon-unfold:before { content: '\eb73'; }
 .codicon-unlock:before { content: '\eb74'; }
 .codicon-unmute:before { content: '\eb75'; }
 .codicon-unverified:before { content: '\eb76'; }
 .codicon-verified:before { content: '\eb77'; }
 .codicon-versions:before { content: '\eb78'; }
 .codicon-vm-active:before { content: '\eb79'; }
 .codicon-vm-outline:before { content: '\eb7a'; }
 .codicon-vm-running:before { content: '\eb7b'; }
 .codicon-watch:before { content: '\eb7c'; }
 .codicon-whitespace:before { content: '\eb7d'; }
 .codicon-whole-word:before { content: '\eb7e'; }
 .codicon-window:before { content: '\eb7f'; }
 .codicon-word-wrap:before { content: '\eb80'; }
 .codicon-zoom-in:before { content: '\eb81'; }
 .codicon-zoom-out:before { content: '\eb82'; }
 .codicon-list-filter:before { content: '\eb83'; }
 .codicon-list-flat:before { content: '\eb84'; }
 .codicon-list-selection:before { content: '\eb85'; }
 .codicon-selection:before { content: '\eb85'; }
 .codicon-list-tree:before { content: '\eb86'; }
 .codicon-debug-breakpoint-function-unverified:before { content: '\eb87'; }
 .codicon-debug-breakpoint-function:before { content: '\eb88'; }
 .codicon-debug-breakpoint-function-disabled:before { content: '\eb88'; }
 .codicon-debug-stackframe-active:before { content: '\eb89'; }
 .codicon-debug-stackframe-dot:before { content: '\eb8a'; }
 .codicon-debug-stackframe:before { content: '\eb8b'; }
 .codicon-debug-stackframe-focused:before { content: '\eb8b'; }
 .codicon-debug-breakpoint-unsupported:before { content: '\eb8c'; }
 .codicon-symbol-string:before { content: '\eb8d'; }
 .codicon-debug-reverse-continue:before { content: '\eb8e'; }
 .codicon-debug-step-back:before { content: '\eb8f'; }
 .codicon-debug-restart-frame:before { content: '\eb90'; }
 .codicon-call-incoming:before { content: '\eb92'; }
 .codicon-call-outgoing:before { content: '\eb93'; }
 .codicon-menu:before { content: '\eb94'; }
 .codicon-expand-all:before { content: '\eb95'; }
 .codicon-feedback:before { content: '\eb96'; }
 .codicon-group-by-ref-type:before { content: '\eb97'; }
 .codicon-ungroup-by-ref-type:before { content: '\eb98'; }
 .codicon-account:before { content: '\eb99'; }
 .codicon-bell-dot:before { content: '\eb9a'; }
 .codicon-debug-console:before { content: '\eb9b'; }
 .codicon-library:before { content: '\eb9c'; }
 .codicon-output:before { content: '\eb9d'; }
 .codicon-run-all:before { content: '\eb9e'; }
 .codicon-sync-ignored:before { content: '\eb9f'; }
 .codicon-pinned:before { content: '\eba0'; }
 .codicon-github-inverted:before { content: '\eba1'; }
 .codicon-debug-alt:before { content: '\eb91'; }
 .codicon-server-process:before { content: '\eba2'; }
 .codicon-server-environment:before { content: '\eba3'; }
 .codicon-pass:before { content: '\eba4'; }
 .codicon-stop-circle:before { content: '\eba5'; }
 .codicon-play-circle:before { content: '\eba6'; }
 .codicon-record:before { content: '\eba7'; }
 .codicon-debug-alt-small:before { content: '\eba8'; }
 .codicon-vm-connect:before { content: '\eba9'; }
 .codicon-cloud:before { content: '\ebaa'; }
 .codicon-merge:before { content: '\ebab'; }
 .codicon-export:before { content: '\ebac'; }
 .codicon-graph-left:before { content: '\ebad'; }
 .codicon-magnet:before { content: '\ebae'; }
 .codicon-notebook:before { content: '\ebaf'; }
 .codicon-redo:before { content: '\ebb0'; }
 .codicon-check-all:before { content: '\ebb1'; }
 .codicon-pinned-dirty:before { content: '\ebb2'; }
 .codicon-pass-filled:before { content: '\ebb3'; }
 .codicon-circle-large-filled:before { content: '\ebb4'; }
 .codicon-circle-large-outline:before { content: '\ebb5'; }
 .codicon-combine:before { content: '\ebb6'; }
 .codicon-gather:before { content: '\ebb6'; }
 .codicon-table:before { content: '\ebb7'; }
 .codicon-variable-group:before { content: '\ebb8'; }
 .codicon-type-hierarchy:before { content: '\ebb9'; }
 .codicon-type-hierarchy-sub:before { content: '\ebba'; }
 .codicon-type-hierarchy-super:before { content: '\ebbb'; }
 .codicon-git-pull-request-create:before { content: '\ebbc'; }
 .codicon-run-above:before { content: '\ebbd'; }
 .codicon-run-below:before { content: '\ebbe'; }
 .codicon-notebook-template:before { content: '\ebbf'; }
 .codicon-debug-rerun:before { content: '\ebc0'; }
 .codicon-workspace-trusted:before { content: '\ebc1'; }
 .codicon-workspace-untrusted:before { content: '\ebc2'; }
 .codicon-workspace-unspecified:before { content: '\ebc3'; }
 .codicon-terminal-cmd:before { content: '\ebc4'; }
 .codicon-terminal-debian:before { content: '\ebc5'; }
 .codicon-terminal-linux:before { content: '\ebc6'; }
 .codicon-terminal-powershell:before { content: '\ebc7'; }
 .codicon-terminal-tmux:before { content: '\ebc8'; }
 .codicon-terminal-ubuntu:before { content: '\ebc9'; }
 .codicon-terminal-bash:before { content: '\ebca'; }
 .codicon-arrow-swap:before { content: '\ebcb'; }
 .codicon-copy:before { content: '\ebcc'; }
 .codicon-person-add:before { content: '\ebcd'; }
 .codicon-filter-filled:before { content: '\ebce'; }
 .codicon-wand:before { content: '\ebcf'; }
 .codicon-debug-line-by-line:before { content: '\ebd0'; }
 .codicon-inspect:before { content: '\ebd1'; }
 .codicon-layers:before { content: '\ebd2'; }
 .codicon-layers-dot:before { content: '\ebd3'; }
 .codicon-layers-active:before { content: '\ebd4'; }
 .codicon-compass:before { content: '\ebd5'; }
 .codicon-compass-dot:before { content: '\ebd6'; }
 .codicon-compass-active:before { content: '\ebd7'; }
 .codicon-azure:before { content: '\ebd8'; }
 .codicon-issue-draft:before { content: '\ebd9'; }
 .codicon-git-pull-request-closed:before { content: '\ebda'; }
 .codicon-git-pull-request-draft:before { content: '\ebdb'; }
 .codicon-debug-all:before { content: '\ebdc'; }
 .codicon-debug-coverage:before { content: '\ebdd'; }
 .codicon-run-errors:before { content: '\ebde'; }
 .codicon-folder-library:before { content: '\ebdf'; }
 .codicon-debug-continue-small:before { content: '\ebe0'; }
 .codicon-beaker-stop:before { content: '\ebe1'; }
 .codicon-graph-line:before { content: '\ebe2'; }
 .codicon-graph-scatter:before { content: '\ebe3'; }
 .codicon-pie-chart:before { content: '\ebe4'; }
 .codicon-bracket:before { content: '\eb0f'; }
 .codicon-bracket-dot:before { content: '\ebe5'; }
 .codicon-bracket-error:before { content: '\ebe6'; }
 .codicon-lock-small:before { content: '\ebe7'; }
 .codicon-azure-devops:before { content: '\ebe8'; }
 .codicon-verified-filled:before { content: '\ebe9'; }
 .codicon-newline:before { content: '\ebea'; }
 .codicon-layout:before { content: '\ebeb'; }
 .codicon-layout-activitybar-left:before { content: '\ebec'; }
 .codicon-layout-activitybar-right:before { content: '\ebed'; }
 .codicon-layout-panel-left:before { content: '\ebee'; }
 .codicon-layout-panel-center:before { content: '\ebef'; }
 .codicon-layout-panel-justify:before { content: '\ebf0'; }
 .codicon-layout-panel-right:before { content: '\ebf1'; }
 .codicon-layout-panel:before { content: '\ebf2'; }
 .codicon-layout-sidebar-left:before { content: '\ebf3'; }
 .codicon-layout-sidebar-right:before { content: '\ebf4'; }
 .codicon-layout-statusbar:before { content: '\ebf5'; }
 .codicon-layout-menubar:before { content: '\ebf6'; }
 .codicon-layout-centered:before { content: '\ebf7'; }
 .codicon-target:before { content: '\ebf8'; }
 .codicon-dialog-error:before { content: '\ea87'; }
 .codicon-dialog-warning:before { content: '\ea6c'; }
 .codicon-dialog-info:before { content: '\ea74'; }
 .codicon-dialog-close:before { content: '\ea76'; }
 .codicon-tree-item-expanded:before { content: '\eab4'; }
 .codicon-tree-filter-on-type-on:before { content: '\eb83'; }
 .codicon-tree-filter-on-type-off:before { content: '\eb85'; }
 .codicon-tree-filter-clear:before { content: '\ea76'; }
 .codicon-tree-item-loading:before { content: '\eb19'; }
 .codicon-menu-selection:before { content: '\eab2'; }
 .codicon-menu-submenu:before { content: '\eab6'; }
 .codicon-menubar-more:before { content: '\ea7c'; }
 .codicon-scrollbar-button-left:before { content: '\eb6f'; }
 .codicon-scrollbar-button-right:before { content: '\eb70'; }
 .codicon-scrollbar-button-up:before { content: '\eb71'; }
 .codicon-scrollbar-button-down:before { content: '\eb6e'; }
 .codicon-toolbar-more:before { content: '\ea7c'; }
 .codicon-quick-input-back:before { content: '\ea9b'; }
 .codicon-widget-close:before { content: '\ea76'; }
 .codicon-goto-previous-location:before { content: '\eaa1'; }
 .codicon-goto-next-location:before { content: '\ea9a'; }
 .codicon-diff-review-insert:before { content: '\ea60'; }
 .codicon-diff-review-remove:before { content: '\eb3b'; }
 .codicon-diff-review-close:before { content: '\ea76'; }
 .codicon-diff-insert:before { content: '\ea60'; }
 .codicon-diff-remove:before { content: '\eb3b'; }
 .codicon-marker-navigation-next:before { content: '\ea9a'; }
 .codicon-marker-navigation-previous:before { content: '\eaa1'; }
 .codicon-suggest-more-info:before { content: '\eab6'; }
 .codicon-extensions-warning-message:before { content: '\ea6c'; }
 .codicon-find-selection:before { content: '\eb85'; }
 .codicon-find-collapsed:before { content: '\eab6'; }
 .codicon-find-expanded:before { content: '\eab4'; }
 .codicon-find-replace:before { content: '\eb3d'; }
 .codicon-find-replace-all:before { content: '\eb3c'; }
 .codicon-find-previous-match:before { content: '\eaa1'; }
 .codicon-find-next-match:before { content: '\ea9a'; }
 .codicon-folding-expanded:before { content: '\eab4'; }
 .codicon-folding-collapsed:before { content: '\eab6'; }
 .codicon-parameter-hints-next:before { content: '\eab4'; }
 .codicon-parameter-hints-previous:before { content: '\eab7'; }
 .monaco-editor, .monaco-editor-background, .monaco-editor .inputarea.ime-input { background-color: #1e293b; }
 .monaco-editor, .monaco-editor .inputarea.ime-input { color: #d4d4d4; }
 .monaco-editor .margin { background-color: #1e293b; }
 .monaco-editor .rangeHighlight { background-color: rgba(255, 255, 255, 0.04); }
 .monaco-editor .symbolHighlight { background-color: rgba(234, 92, 0, 0.33); }
 .monaco-editor .mtkw { color: rgba(227, 228, 226, 0.16) !important; }
 .monaco-editor .mtkz { color: rgba(227, 228, 226, 0.16) !important; }
 .monaco-editor .line-numbers { color: #475569; }
 .monaco-editor .line-numbers.active-line-number { color: #c6c6c6; }
 .monaco-editor .unexpected-closing-bracket { color: rgba(255, 18, 18, 0.8); }
 .monaco-editor .bracket-highlighting-0 { color: #ffd700; }
 .monaco-editor .bracket-highlighting-1 { color: #da70d6; }
 .monaco-editor .bracket-highlighting-2 { color: #179fff; }
 .monaco-editor .bracket-highlighting-3 { color: #ffd700; }
 .monaco-editor .bracket-highlighting-4 { color: #da70d6; }
 .monaco-editor .bracket-highlighting-5 { color: #179fff; }
 .monaco-editor .bracket-highlighting-6 { color: #ffd700; }
 .monaco-editor .bracket-highlighting-7 { color: #da70d6; }
 .monaco-editor .bracket-highlighting-8 { color: #179fff; }
 .monaco-editor .bracket-highlighting-9 { color: #ffd700; }
 .monaco-editor .bracket-highlighting-10 { color: #da70d6; }
 .monaco-editor .bracket-highlighting-11 { color: #179fff; }
 .monaco-editor .bracket-highlighting-12 { color: #ffd700; }
 .monaco-editor .bracket-highlighting-13 { color: #da70d6; }
 .monaco-editor .bracket-highlighting-14 { color: #179fff; }
 .monaco-editor .bracket-highlighting-15 { color: #ffd700; }
 .monaco-editor .bracket-highlighting-16 { color: #da70d6; }
 .monaco-editor .bracket-highlighting-17 { color: #179fff; }
 .monaco-editor .bracket-highlighting-18 { color: #ffd700; }
 .monaco-editor .bracket-highlighting-19 { color: #da70d6; }
 .monaco-editor .bracket-highlighting-20 { color: #179fff; }
 .monaco-editor .bracket-highlighting-21 { color: #ffd700; }
 .monaco-editor .bracket-highlighting-22 { color: #da70d6; }
 .monaco-editor .bracket-highlighting-23 { color: #179fff; }
 .monaco-editor .bracket-highlighting-24 { color: #ffd700; }
 .monaco-editor .bracket-highlighting-25 { color: #da70d6; }
 .monaco-editor .bracket-highlighting-26 { color: #179fff; }
 .monaco-editor .bracket-highlighting-27 { color: #ffd700; }
 .monaco-editor .bracket-highlighting-28 { color: #da70d6; }
 .monaco-editor .bracket-highlighting-29 { color: #179fff; }
 .monaco-editor .view-overlays .current-line { border: 2px solid #334155; }
 .monaco-editor .margin-view-overlays .current-line-margin { border: 2px solid #334155; }

 			.monaco-scrollable-element > .shadow.top {
 				box-shadow: #000000 0 6px 6px -6px inset;
 			}

 			.monaco-scrollable-element > .shadow.left {
 				box-shadow: #000000 6px 0 6px -6px inset;
 			}

 			.monaco-scrollable-element > .shadow.top.left {
 				box-shadow: #000000 6px 6px 6px -6px inset;
 			}
 		

 			.monaco-scrollable-element > .scrollbar > .slider {
 				background: rgba(121, 121, 121, 0.4);
 			}
 		

 			.monaco-scrollable-element > .scrollbar > .slider:hover {
 				background: rgba(100, 100, 100, 0.7);
 			}
 		

 			.monaco-scrollable-element > .scrollbar > .slider.active {
 				background: rgba(191, 191, 191, 0.4);
 			}
 		
 .monaco-editor .lines-content .core-guide-indent { box-shadow: 1px 0 0 0 #404040 inset; }
 .monaco-editor .lines-content .core-guide-indent-active { box-shadow: 1px 0 0 0 #707070 inset; }
 .monaco-editor .bracket-indent-guide.lvl-0 { --guide-color: rgba(255, 215, 0, 0.3); --guide-color-active: #ffd700; }
 .monaco-editor .bracket-indent-guide.lvl-1 { --guide-color: rgba(218, 112, 214, 0.3); --guide-color-active: #da70d6; }
 .monaco-editor .bracket-indent-guide.lvl-2 { --guide-color: rgba(23, 159, 255, 0.3); --guide-color-active: #179fff; }
 .monaco-editor .bracket-indent-guide.lvl-3 { --guide-color: rgba(255, 215, 0, 0.3); --guide-color-active: #ffd700; }
 .monaco-editor .bracket-indent-guide.lvl-4 { --guide-color: rgba(218, 112, 214, 0.3); --guide-color-active: #da70d6; }
 .monaco-editor .bracket-indent-guide.lvl-5 { --guide-color: rgba(23, 159, 255, 0.3); --guide-color-active: #179fff; }
 .monaco-editor .bracket-indent-guide.lvl-6 { --guide-color: rgba(255, 215, 0, 0.3); --guide-color-active: #ffd700; }
 .monaco-editor .bracket-indent-guide.lvl-7 { --guide-color: rgba(218, 112, 214, 0.3); --guide-color-active: #da70d6; }
 .monaco-editor .bracket-indent-guide.lvl-8 { --guide-color: rgba(23, 159, 255, 0.3); --guide-color-active: #179fff; }
 .monaco-editor .bracket-indent-guide.lvl-9 { --guide-color: rgba(255, 215, 0, 0.3); --guide-color-active: #ffd700; }
 .monaco-editor .bracket-indent-guide.lvl-10 { --guide-color: rgba(218, 112, 214, 0.3); --guide-color-active: #da70d6; }
 .monaco-editor .bracket-indent-guide.lvl-11 { --guide-color: rgba(23, 159, 255, 0.3); --guide-color-active: #179fff; }
 .monaco-editor .bracket-indent-guide.lvl-12 { --guide-color: rgba(255, 215, 0, 0.3); --guide-color-active: #ffd700; }
 .monaco-editor .bracket-indent-guide.lvl-13 { --guide-color: rgba(218, 112, 214, 0.3); --guide-color-active: #da70d6; }
 .monaco-editor .bracket-indent-guide.lvl-14 { --guide-color: rgba(23, 159, 255, 0.3); --guide-color-active: #179fff; }
 .monaco-editor .bracket-indent-guide.lvl-15 { --guide-color: rgba(255, 215, 0, 0.3); --guide-color-active: #ffd700; }
 .monaco-editor .bracket-indent-guide.lvl-16 { --guide-color: rgba(218, 112, 214, 0.3); --guide-color-active: #da70d6; }
 .monaco-editor .bracket-indent-guide.lvl-17 { --guide-color: rgba(23, 159, 255, 0.3); --guide-color-active: #179fff; }
 .monaco-editor .bracket-indent-guide.lvl-18 { --guide-color: rgba(255, 215, 0, 0.3); --guide-color-active: #ffd700; }
 .monaco-editor .bracket-indent-guide.lvl-19 { --guide-color: rgba(218, 112, 214, 0.3); --guide-color-active: #da70d6; }
 .monaco-editor .bracket-indent-guide.lvl-20 { --guide-color: rgba(23, 159, 255, 0.3); --guide-color-active: #179fff; }
 .monaco-editor .bracket-indent-guide.lvl-21 { --guide-color: rgba(255, 215, 0, 0.3); --guide-color-active: #ffd700; }
 .monaco-editor .bracket-indent-guide.lvl-22 { --guide-color: rgba(218, 112, 214, 0.3); --guide-color-active: #da70d6; }
 .monaco-editor .bracket-indent-guide.lvl-23 { --guide-color: rgba(23, 159, 255, 0.3); --guide-color-active: #179fff; }
 .monaco-editor .bracket-indent-guide.lvl-24 { --guide-color: rgba(255, 215, 0, 0.3); --guide-color-active: #ffd700; }
 .monaco-editor .bracket-indent-guide.lvl-25 { --guide-color: rgba(218, 112, 214, 0.3); --guide-color-active: #da70d6; }
 .monaco-editor .bracket-indent-guide.lvl-26 { --guide-color: rgba(23, 159, 255, 0.3); --guide-color-active: #179fff; }
 .monaco-editor .bracket-indent-guide.lvl-27 { --guide-color: rgba(255, 215, 0, 0.3); --guide-color-active: #ffd700; }
 .monaco-editor .bracket-indent-guide.lvl-28 { --guide-color: rgba(218, 112, 214, 0.3); --guide-color-active: #da70d6; }
 .monaco-editor .bracket-indent-guide.lvl-29 { --guide-color: rgba(23, 159, 255, 0.3); --guide-color-active: #179fff; }
 .monaco-editor .vertical { box-shadow: 1px 0 0 0 var(--guide-color) inset; }
 .monaco-editor .horizontal-top { border-top: 1px solid var(--guide-color); }
 .monaco-editor .horizontal-bottom { border-bottom: 1px solid var(--guide-color); }
 .monaco-editor .vertical.indent-active { box-shadow: 1px 0 0 0 var(--guide-color-active) inset; }
 .monaco-editor .horizontal-top.indent-active { border-top: 1px solid var(--guide-color-active); }
 .monaco-editor .horizontal-bottom.indent-active { border-bottom: 1px solid var(--guide-color-active); }
 .monaco-editor .minimap-slider .minimap-slider-horizontal { background: rgba(121, 121, 121, 0.2); }
 .monaco-editor .minimap-slider:hover .minimap-slider-horizontal { background: rgba(100, 100, 100, 0.35); }
 .monaco-editor .minimap-slider.active .minimap-slider-horizontal { background: rgba(191, 191, 191, 0.2); }
 .monaco-editor .minimap-shadow-visible { box-shadow: #000000 -6px 0 6px -6px inset; }
 .monaco-editor .view-ruler { box-shadow: 1px 0 0 0 #5a5a5a inset; }
 .monaco-editor .scroll-decoration { box-shadow: #000000 0 6px 6px -6px inset; }
 .monaco-editor .focused .selected-text { background-color: #334155; }
 .monaco-editor .selected-text { background-color: rgba(51, 65, 85, 0.6); }
 .monaco-editor .cursors-layer .cursor { background-color: #aeafad; border-color: #aeafad; color: #515052; }
 .monaco-editor .squiggly-error { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%206%203'%20enable-background%3D'new%200%200%206%203'%20height%3D'3'%20width%3D'6'%3E%3Cg%20fill%3D'%23f87171'%3E%3Cpolygon%20points%3D'5.5%2C0%202.5%2C3%201.1%2C3%204.1%2C0'%2F%3E%3Cpolygon%20points%3D'4%2C0%206%2C2%206%2C0.6%205.4%2C0'%2F%3E%3Cpolygon%20points%3D'0%2C2%201%2C3%202.4%2C3%200%2C0.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") repeat-x bottom left; }
 .monaco-editor .squiggly-warning { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%206%203'%20enable-background%3D'new%200%200%206%203'%20height%3D'3'%20width%3D'6'%3E%3Cg%20fill%3D'%23facc15'%3E%3Cpolygon%20points%3D'5.5%2C0%202.5%2C3%201.1%2C3%204.1%2C0'%2F%3E%3Cpolygon%20points%3D'4%2C0%206%2C2%206%2C0.6%205.4%2C0'%2F%3E%3Cpolygon%20points%3D'0%2C2%201%2C3%202.4%2C3%200%2C0.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") repeat-x bottom left; }
 .monaco-editor .squiggly-info { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%206%203'%20enable-background%3D'new%200%200%206%203'%20height%3D'3'%20width%3D'6'%3E%3Cg%20fill%3D'%233794ff'%3E%3Cpolygon%20points%3D'5.5%2C0%202.5%2C3%201.1%2C3%204.1%2C0'%2F%3E%3Cpolygon%20points%3D'4%2C0%206%2C2%206%2C0.6%205.4%2C0'%2F%3E%3Cpolygon%20points%3D'0%2C2%201%2C3%202.4%2C3%200%2C0.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") repeat-x bottom left; }
 .monaco-editor .squiggly-hint { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%223%22%20width%3D%2212%22%3E%3Cg%20fill%3D%22rgba(238%2C%20238%2C%20238%2C%200.7)%22%3E%3Ccircle%20cx%3D%221%22%20cy%3D%221%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%221%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%221%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat bottom left; }
 .monaco-editor.showUnused .squiggly-inline-unnecessary { opacity: 0.667; }
 .monaco-editor.showDeprecated .squiggly-inline-deprecated { text-decoration: line-through; text-decoration-color: #d4d4d4}
 .monaco-diff-editor .diff-review-line-number { color: #475569; }
 .monaco-diff-editor .diff-review-shadow { box-shadow: #000000 0 -6px 6px -6px inset; }
 .monaco-editor .line-insert, .monaco-editor .char-insert { background-color: rgba(155, 185, 85, 0.2); }
 .monaco-diff-editor .line-insert, .monaco-diff-editor .char-insert { background-color: rgba(155, 185, 85, 0.2); }
 .monaco-editor .inline-added-margin-view-zone { background-color: rgba(155, 185, 85, 0.2); }
 .monaco-editor .line-delete, .monaco-editor .char-delete { background-color: rgba(255, 0, 0, 0.2); }
 .monaco-diff-editor .line-delete, .monaco-diff-editor .char-delete { background-color: rgba(255, 0, 0, 0.2); }
 .monaco-editor .inline-deleted-margin-view-zone { background-color: rgba(255, 0, 0, 0.2); }
 .monaco-diff-editor.side-by-side .editor.modified { box-shadow: -6px 0 5px -5px #000000; }

 			.monaco-diff-editor .diffViewport {
 				background: rgba(121, 121, 121, 0.4);
 			}
 		

 			.monaco-diff-editor .diffViewport:hover {
 				background: rgba(100, 100, 100, 0.7);
 			}
 		

 			.monaco-diff-editor .diffViewport:active {
 				background: rgba(191, 191, 191, 0.4);
 			}
 		

 	.monaco-editor .diagonal-fill {
 		background-image: linear-gradient(
 			-45deg,
 			rgba(204, 204, 204, 0.2) 12.5%,
 			#0000 12.5%, #0000 50%,
 			rgba(204, 204, 204, 0.2) 50%, rgba(204, 204, 204, 0.2) 62.5%,
 			#0000 62.5%, #0000 100%
 		);
 		background-size: 8px 8px;
 	}
 	
 .monaco-editor .bracket-match { background-color: rgba(0, 0, 0, 0); }
 .monaco-editor .bracket-match { border: 1px solid #64748b; }

 		.monaco-editor .contentWidgets .codicon.codicon-light-bulb {
 			color: #ffcc00;
 			background-color: rgba(30, 41, 59, 0.7);
 		}

 		.monaco-editor .contentWidgets .codicon.codicon-lightbulb-autofix {
 			color: #75beff;
 			background-color: rgba(30, 41, 59, 0.7);
 		}
 .monaco-editor .goto-definition-link { color: #4e94ce !important; }

 			.monaco-editor .zone-widget .codicon.codicon-error,
 			.markers-panel .marker-icon.codicon.codicon-error,
 			.text-search-provider-messages .providerMessage .codicon.codicon-error,
 			.extensions-viewlet > .extensions .codicon.codicon-error {
 				color: #f87171;
 			}
 		

 			.monaco-editor .zone-widget .codicon.codicon-warning,
 			.markers-panel .marker-icon.codicon.codicon-warning,
 			.extensions-viewlet > .extensions .codicon.codicon-warning,
 			.extension-editor .codicon.codicon-warning,
 			.text-search-provider-messages .providerMessage .codicon.codicon-warning,
 			.preferences-editor .codicon.codicon-warning {
 				color: #facc15;
 			}
 		

 			.monaco-editor .zone-widget .codicon.codicon-info,
 			.markers-panel .marker-icon.codicon.codicon-info,
 			.extensions-viewlet > .extensions .codicon.codicon-info,
 			.text-search-provider-messages .providerMessage .codicon.codicon-info,
 			.extension-editor .codicon.codicon-info {
 				color: #3794ff;
 			}
 		
 .monaco-hover .hover-contents a.code-link span { color: #3794ff; }
 .monaco-hover .hover-contents a.code-link span:hover { color: #3794ff; }
 .codicon.codicon-symbol-array { color: #cccccc; }
 .codicon.codicon-symbol-boolean { color: #cccccc; }
 .codicon.codicon-symbol-class { color: #ee9d28; }
 .codicon.codicon-symbol-method { color: #b180d7; }
 .codicon.codicon-symbol-color { color: #cccccc; }
 .codicon.codicon-symbol-constant { color: #cccccc; }
 .codicon.codicon-symbol-constructor { color: #b180d7; }

 			.codicon.codicon-symbol-value,.codicon.codicon-symbol-enum { color: #ee9d28; }
 .codicon.codicon-symbol-enum-member { color: #75beff; }
 .codicon.codicon-symbol-event { color: #ee9d28; }
 .codicon.codicon-symbol-field { color: #75beff; }
 .codicon.codicon-symbol-file { color: #cccccc; }
 .codicon.codicon-symbol-folder { color: #cccccc; }
 .codicon.codicon-symbol-function { color: #b180d7; }
 .codicon.codicon-symbol-interface { color: #75beff; }
 .codicon.codicon-symbol-key { color: #cccccc; }
 .codicon.codicon-symbol-keyword { color: #cccccc; }
 .codicon.codicon-symbol-module { color: #cccccc; }
 .codicon.codicon-symbol-namespace { color: #cccccc; }
 .codicon.codicon-symbol-null { color: #cccccc; }
 .codicon.codicon-symbol-number { color: #cccccc; }
 .codicon.codicon-symbol-object { color: #cccccc; }
 .codicon.codicon-symbol-operator { color: #cccccc; }
 .codicon.codicon-symbol-package { color: #cccccc; }
 .codicon.codicon-symbol-property { color: #cccccc; }
 .codicon.codicon-symbol-reference { color: #cccccc; }
 .codicon.codicon-symbol-snippet { color: #cccccc; }
 .codicon.codicon-symbol-string { color: #cccccc; }
 .codicon.codicon-symbol-struct { color: #cccccc; }
 .codicon.codicon-symbol-text { color: #cccccc; }
 .codicon.codicon-symbol-type-parameter { color: #cccccc; }
 .codicon.codicon-symbol-unit { color: #cccccc; }
 .codicon.codicon-symbol-variable { color: #75beff; }
 .monaco-editor .ghost-text-decoration { color: rgba(255, 255, 255, 0.34) !important; }
 .monaco-editor .ghost-text-decoration-preview { color: rgba(255, 255, 255, 0.34) !important; }
 .monaco-editor .suggest-preview-text .ghost-text { color: rgba(255, 255, 255, 0.34) !important; }
 .monaco-link { color: #3794ff; }
 .monaco-link:hover { color: #3794ff; }
 .monaco-editor .hoverHighlight { background-color: rgba(38, 79, 120, 0.25); }
 .monaco-editor .monaco-hover { background-color: #334155; }
 .monaco-editor .monaco-hover { border: 1px solid #454545; }
 .monaco-editor .monaco-hover .hover-row:not(:first-child):not(:empty) { border-top: 1px solid rgba(69, 69, 69, 0.5); }
 .monaco-editor .monaco-hover hr { border-top: 1px solid rgba(69, 69, 69, 0.5); }
 .monaco-editor .monaco-hover hr { border-bottom: 0px solid rgba(69, 69, 69, 0.5); }
 .monaco-editor .monaco-hover a { color: #3794ff; }
 .monaco-editor .monaco-hover a:hover { color: #3794ff; }
 .monaco-editor .monaco-hover { color: #cccccc; }
 .monaco-editor .monaco-hover .hover-row .actions { background-color: #3d4e66; }
 .monaco-editor .monaco-hover code { background-color: rgba(10, 10, 10, 0.4); }
 .monaco-editor .findOptionsWidget { background-color: #252526; }
 .monaco-editor .findOptionsWidget { color: #cccccc; }
 .monaco-editor .findOptionsWidget { box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.36); }
 .monaco-editor .findMatch { background-color: rgba(234, 92, 0, 0.33); }
 .monaco-editor .currentFindMatch { background-color: #515c6a; }
 .monaco-editor .findScope { background-color: rgba(58, 61, 65, 0.4); }
 .monaco-editor .find-widget { background-color: #252526; }
 .monaco-editor .find-widget { box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.36); }
 .monaco-editor .find-widget { color: #cccccc; }
 .monaco-editor .find-widget.no-results .matchesCount { color: #f48771; }
 .monaco-editor .find-widget .monaco-sash { background-color: #454545; }

 		.monaco-editor .find-widget .button:not(.disabled):hover,
 		.monaco-editor .find-widget .codicon-find-selection:hover {
 			background-color: rgba(90, 93, 94, 0.31) !important;
 		}
 	
 .monaco-editor .find-widget .monaco-inputbox.synthetic-focus { outline-color: #007fd4; }
 .monaco-editor .folded-background { background-color: rgba(51, 65, 85, 0.3); }

 		.monaco-editor .cldr.codicon.codicon-folding-expanded,
 		.monaco-editor .cldr.codicon.codicon-folding-collapsed {
 			color: #c5c5c5 !important;
 		}
 		
 .monaco-editor.vs .valueSetReplacement { outline: solid 2px #64748b; }
 .monaco-editor .linked-editing-decoration { background: rgba(255, 0, 0, 0.3); border-left-color: rgba(255, 0, 0, 0.3); }
 .monaco-editor .detected-link-active { color: #4e94ce !important; }
 .monaco-editor .parameter-hints-widget { border: 1px solid #454545; }
 .monaco-editor .parameter-hints-widget.multiple .body { border-left: 1px solid rgba(69, 69, 69, 0.5); }
 .monaco-editor .parameter-hints-widget .signature.has-docs { border-bottom: 1px solid rgba(69, 69, 69, 0.5); }
 .monaco-editor .parameter-hints-widget { background-color: #334155; }
 .monaco-editor .parameter-hints-widget a { color: #3794ff; }
 .monaco-editor .parameter-hints-widget a:hover { color: #3794ff; }
 .monaco-editor .parameter-hints-widget { color: #cccccc; }
 .monaco-editor .parameter-hints-widget code { background-color: rgba(10, 10, 10, 0.4); }
 .monaco-editor .parameter-hints-widget .parameter.active { color: #18a3ff}
 .monaco-editor .focused .selectionHighlight { background-color: rgba(173, 214, 255, 0.15); }
 .monaco-editor .selectionHighlight { background-color: rgba(173, 214, 255, 0.07); }
 .monaco-editor .wordHighlight { background-color: rgba(87, 87, 87, 0.72); }
 .monaco-editor .wordHighlightStrong { background-color: rgba(0, 73, 114, 0.72); }
 .monaco-editor .accessibilityHelpWidget { background-color: #252526; }
 .monaco-editor .accessibilityHelpWidget { color: #cccccc; }
 .monaco-editor .accessibilityHelpWidget { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.36); }
 .monaco-editor .tokens-inspect-widget { border: 1px solid #454545; }
 .monaco-editor .tokens-inspect-widget .tokens-inspect-separator { background-color: #454545; }
 .monaco-editor .tokens-inspect-widget { background-color: #334155; }
 .monaco-editor .tokens-inspect-widget { color: #cccccc; }
 .monaco-editor { --vscode-foreground: #cccccc;
 --vscode-errorForeground: #f48771;
 --vscode-descriptionForeground: rgba(204, 204, 204, 0.7);
 --vscode-icon-foreground: #c5c5c5;
 --vscode-focusBorder: #007fd4;
 --vscode-textSeparator-foreground: rgba(255, 255, 255, 0.18);
 --vscode-textLink-foreground: #3794ff;
 --vscode-textLink-activeForeground: #3794ff;
 --vscode-textPreformat-foreground: #d7ba7d;
 --vscode-textBlockQuote-background: rgba(127, 127, 127, 0.1);
 --vscode-textBlockQuote-border: rgba(0, 122, 204, 0.5);
 --vscode-textCodeBlock-background: rgba(10, 10, 10, 0.4);
 --vscode-widget-shadow: rgba(0, 0, 0, 0.36);
 --vscode-input-background: #3c3c3c;
 --vscode-input-foreground: #cccccc;
 --vscode-inputOption-activeBorder: rgba(0, 122, 204, 0);
 --vscode-inputOption-hoverBackground: rgba(90, 93, 94, 0.5);
 --vscode-inputOption-activeBackground: rgba(0, 127, 212, 0.4);
 --vscode-inputOption-activeForeground: #ffffff;
 --vscode-input-placeholderForeground: rgba(204, 204, 204, 0.5);
 --vscode-inputValidation-infoBackground: #063b49;
 --vscode-inputValidation-infoBorder: #007acc;
 --vscode-inputValidation-warningBackground: #352a05;
 --vscode-inputValidation-warningBorder: #b89500;
 --vscode-inputValidation-errorBackground: #5a1d1d;
 --vscode-inputValidation-errorBorder: #be1100;
 --vscode-dropdown-background: #3c3c3c;
 --vscode-dropdown-foreground: #f0f0f0;
 --vscode-dropdown-border: #3c3c3c;
 --vscode-checkbox-background: #3c3c3c;
 --vscode-checkbox-foreground: #f0f0f0;
 --vscode-checkbox-border: #3c3c3c;
 --vscode-button-foreground: #ffffff;
 --vscode-button-background: #0e639c;
 --vscode-button-hoverBackground: #1177bb;
 --vscode-button-secondaryForeground: #ffffff;
 --vscode-button-secondaryBackground: #3a3d41;
 --vscode-button-secondaryHoverBackground: #45494e;
 --vscode-badge-background: #4d4d4d;
 --vscode-badge-foreground: #ffffff;
 --vscode-scrollbar-shadow: #000000;
 --vscode-scrollbarSlider-background: rgba(121, 121, 121, 0.4);
 --vscode-scrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7);
 --vscode-scrollbarSlider-activeBackground: rgba(191, 191, 191, 0.4);
 --vscode-progressBar-background: #0e70c0;
 --vscode-editorError-foreground: #f87171;
 --vscode-editorWarning-foreground: #facc15;
 --vscode-editorInfo-foreground: #3794ff;
 --vscode-editorHint-foreground: rgba(238, 238, 238, 0.7);
 --vscode-sash-hoverBorder: #007fd4;
 --vscode-editor-background: #1e293b;
 --vscode-editor-foreground: #d4d4d4;
 --vscode-editorWidget-background: #252526;
 --vscode-editorWidget-foreground: #cccccc;
 --vscode-editorWidget-border: #454545;
 --vscode-quickInput-background: #252526;
 --vscode-quickInput-foreground: #cccccc;
 --vscode-quickInputTitle-background: rgba(255, 255, 255, 0.1);
 --vscode-pickerGroup-foreground: #3794ff;
 --vscode-pickerGroup-border: #3f3f46;
 --vscode-keybindingLabel-background: rgba(128, 128, 128, 0.17);
 --vscode-keybindingLabel-foreground: #cccccc;
 --vscode-keybindingLabel-border: rgba(51, 51, 51, 0.6);
 --vscode-keybindingLabel-bottomBorder: rgba(68, 68, 68, 0.6);
 --vscode-editor-selectionBackground: #334155;
 --vscode-editor-inactiveSelectionBackground: rgba(51, 65, 85, 0.6);
 --vscode-editor-selectionHighlightBackground: rgba(173, 214, 255, 0.15);
 --vscode-editor-findMatchBackground: #515c6a;
 --vscode-editor-findMatchHighlightBackground: rgba(234, 92, 0, 0.33);
 --vscode-editor-findRangeHighlightBackground: rgba(58, 61, 65, 0.4);
 --vscode-searchEditor-findMatchBackground: rgba(234, 92, 0, 0.22);
 --vscode-editor-hoverHighlightBackground: rgba(38, 79, 120, 0.25);
 --vscode-editorHoverWidget-background: #334155;
 --vscode-editorHoverWidget-foreground: #cccccc;
 --vscode-editorHoverWidget-border: #454545;
 --vscode-editorHoverWidget-statusBarBackground: #3d4e66;
 --vscode-editorLink-activeForeground: #4e94ce;
 --vscode-editorInlayHint-foreground: rgba(255, 255, 255, 0.8);
 --vscode-editorInlayHint-background: rgba(77, 77, 77, 0.6);
 --vscode-editorInlayHint-typeForeground: rgba(255, 255, 255, 0.8);
 --vscode-editorInlayHint-typeBackground: rgba(77, 77, 77, 0.6);
 --vscode-editorInlayHint-parameterForeground: rgba(255, 255, 255, 0.8);
 --vscode-editorInlayHint-parameterBackground: rgba(77, 77, 77, 0.6);
 --vscode-editorLightBulb-foreground: #ffcc00;
 --vscode-editorLightBulbAutoFix-foreground: #75beff;
 --vscode-diffEditor-insertedTextBackground: rgba(155, 185, 85, 0.2);
 --vscode-diffEditor-removedTextBackground: rgba(255, 0, 0, 0.2);
 --vscode-diffEditor-diagonalFill: rgba(204, 204, 204, 0.2);
 --vscode-list-focusOutline: #007fd4;
 --vscode-list-activeSelectionBackground: #094771;
 --vscode-list-activeSelectionForeground: #ffffff;
 --vscode-list-inactiveSelectionBackground: #37373d;
 --vscode-list-hoverBackground: #2a2d2e;
 --vscode-list-dropBackground: #062f4a;
 --vscode-list-highlightForeground: #18a3ff;
 --vscode-list-focusHighlightForeground: #18a3ff;
 --vscode-list-invalidItemForeground: #b89500;
 --vscode-list-errorForeground: #f88070;
 --vscode-list-warningForeground: #cca700;
 --vscode-listFilterWidget-background: #653723;
 --vscode-listFilterWidget-outline: rgba(0, 0, 0, 0);
 --vscode-listFilterWidget-noMatchesOutline: #be1100;
 --vscode-list-filterMatchBackground: rgba(234, 92, 0, 0.33);
 --vscode-tree-indentGuidesStroke: #585858;
 --vscode-tree-tableColumnsBorder: rgba(204, 204, 204, 0.13);
 --vscode-tree-tableOddRowsBackground: rgba(204, 204, 204, 0.04);
 --vscode-list-deemphasizedForeground: #8c8c8c;
 --vscode-quickInputList-focusForeground: #ffffff;
 --vscode-quickInputList-focusBackground: #094771;
 --vscode-menu-foreground: #f0f0f0;
 --vscode-menu-background: #3c3c3c;
 --vscode-menu-selectionForeground: #ffffff;
 --vscode-menu-selectionBackground: #094771;
 --vscode-menu-separatorBackground: #bbbbbb;
 --vscode-toolbar-hoverBackground: rgba(90, 93, 94, 0.31);
 --vscode-toolbar-activeBackground: rgba(99, 102, 103, 0.31);
 --vscode-editor-snippetTabstopHighlightBackground: rgba(124, 124, 124, 0.3);
 --vscode-editor-snippetFinalTabstopHighlightBorder: #525252;
 --vscode-breadcrumb-foreground: rgba(204, 204, 204, 0.8);
 --vscode-breadcrumb-background: #1e293b;
 --vscode-breadcrumb-focusForeground: #e0e0e0;
 --vscode-breadcrumb-activeSelectionForeground: #e0e0e0;
 --vscode-breadcrumbPicker-background: #252526;
 --vscode-merge-currentHeaderBackground: rgba(64, 200, 174, 0.5);
 --vscode-merge-currentContentBackground: rgba(64, 200, 174, 0.2);
 --vscode-merge-incomingHeaderBackground: rgba(64, 166, 255, 0.5);
 --vscode-merge-incomingContentBackground: rgba(64, 166, 255, 0.2);
 --vscode-merge-commonHeaderBackground: rgba(96, 96, 96, 0.4);
 --vscode-merge-commonContentBackground: rgba(96, 96, 96, 0.16);
 --vscode-editorOverviewRuler-currentContentForeground: rgba(64, 200, 174, 0.5);
 --vscode-editorOverviewRuler-incomingContentForeground: rgba(64, 166, 255, 0.5);
 --vscode-editorOverviewRuler-commonContentForeground: rgba(96, 96, 96, 0.4);
 --vscode-editorOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49);
 --vscode-editorOverviewRuler-selectionHighlightForeground: rgba(160, 160, 160, 0.8);
 --vscode-minimap-findMatchHighlight: #d18616;
 --vscode-minimap-selectionOccurrenceHighlight: #676767;
 --vscode-minimap-selectionHighlight: #264f78;
 --vscode-minimap-errorHighlight: rgba(255, 18, 18, 0.7);
 --vscode-minimap-warningHighlight: #facc15;
 --vscode-minimap-foregroundOpacity: #000000;
 --vscode-minimapSlider-background: rgba(121, 121, 121, 0.2);
 --vscode-minimapSlider-hoverBackground: rgba(100, 100, 100, 0.35);
 --vscode-minimapSlider-activeBackground: rgba(191, 191, 191, 0.2);
 --vscode-problemsErrorIcon-foreground: #f87171;
 --vscode-problemsWarningIcon-foreground: #facc15;
 --vscode-problemsInfoIcon-foreground: #3794ff;
 --vscode-charts-foreground: #cccccc;
 --vscode-charts-lines: rgba(204, 204, 204, 0.5);
 --vscode-charts-red: #f87171;
 --vscode-charts-blue: #3794ff;
 --vscode-charts-yellow: #facc15;
 --vscode-charts-orange: #d18616;
 --vscode-charts-green: #89d185;
 --vscode-charts-purple: #b180d7;
 --vscode-editor-lineHighlightBorder: #334155;
 --vscode-editor-rangeHighlightBackground: rgba(255, 255, 255, 0.04);
 --vscode-editor-symbolHighlightBackground: rgba(234, 92, 0, 0.33);
 --vscode-editorCursor-foreground: #aeafad;
 --vscode-editorWhitespace-foreground: rgba(227, 228, 226, 0.16);
 --vscode-editorIndentGuide-background: #404040;
 --vscode-editorIndentGuide-activeBackground: #707070;
 --vscode-editorLineNumber-foreground: #475569;
 --vscode-editorActiveLineNumber-foreground: #c6c6c6;
 --vscode-editorLineNumber-activeForeground: #c6c6c6;
 --vscode-editorRuler-foreground: #5a5a5a;
 --vscode-editorCodeLens-foreground: #999999;
 --vscode-editorBracketMatch-background: rgba(0, 0, 0, 0);
 --vscode-editorBracketMatch-border: #64748b;
 --vscode-editorOverviewRuler-border: rgba(127, 127, 127, 0.3);
 --vscode-editorGutter-background: #1e293b;
 --vscode-editorUnnecessaryCode-opacity: rgba(0, 0, 0, 0.67);
 --vscode-editorGhostText-foreground: rgba(255, 255, 255, 0.34);
 --vscode-editorOverviewRuler-rangeHighlightForeground: rgba(0, 122, 204, 0.6);
 --vscode-editorOverviewRuler-errorForeground: rgba(255, 18, 18, 0.7);
 --vscode-editorOverviewRuler-warningForeground: #facc15;
 --vscode-editorOverviewRuler-infoForeground: #3794ff;
 --vscode-editorBracketHighlight-foreground1: #ffd700;
 --vscode-editorBracketHighlight-foreground2: #da70d6;
 --vscode-editorBracketHighlight-foreground3: #179fff;
 --vscode-editorBracketHighlight-foreground4: rgba(0, 0, 0, 0);
 --vscode-editorBracketHighlight-foreground5: rgba(0, 0, 0, 0);
 --vscode-editorBracketHighlight-foreground6: rgba(0, 0, 0, 0);
 --vscode-editorBracketHighlight-unexpectedBracket.foreground: rgba(255, 18, 18, 0.8);
 --vscode-editorBracketPairGuide-background1: rgba(0, 0, 0, 0);
 --vscode-editorBracketPairGuide-background2: rgba(0, 0, 0, 0);
 --vscode-editorBracketPairGuide-background3: rgba(0, 0, 0, 0);
 --vscode-editorBracketPairGuide-background4: rgba(0, 0, 0, 0);
 --vscode-editorBracketPairGuide-background5: rgba(0, 0, 0, 0);
 --vscode-editorBracketPairGuide-background6: rgba(0, 0, 0, 0);
 --vscode-editorBracketPairGuide-activeBackground1: rgba(0, 0, 0, 0);
 --vscode-editorBracketPairGuide-activeBackground2: rgba(0, 0, 0, 0);
 --vscode-editorBracketPairGuide-activeBackground3: rgba(0, 0, 0, 0);
 --vscode-editorBracketPairGuide-activeBackground4: rgba(0, 0, 0, 0);
 --vscode-editorBracketPairGuide-activeBackground5: rgba(0, 0, 0, 0);
 --vscode-editorBracketPairGuide-activeBackground6: rgba(0, 0, 0, 0);
 --vscode-editorUnicodeHighlight-border: #bd9b03;
 --vscode-editorOverviewRuler-bracketMatchForeground: #a0a0a0;
 --vscode-peekViewTitle-background: rgba(55, 148, 255, 0.1);
 --vscode-peekViewTitleLabel-foreground: #ffffff;
 --vscode-peekViewTitleDescription-foreground: rgba(204, 204, 204, 0.7);
 --vscode-peekView-border: #3794ff;
 --vscode-peekViewResult-background: #252526;
 --vscode-peekViewResult-lineForeground: #bbbbbb;
 --vscode-peekViewResult-fileForeground: #ffffff;
 --vscode-peekViewResult-selectionBackground: rgba(51, 153, 255, 0.2);
 --vscode-peekViewResult-selectionForeground: #ffffff;
 --vscode-peekViewEditor-background: #001f33;
 --vscode-peekViewEditorGutter-background: #001f33;
 --vscode-peekViewResult-matchHighlightBackground: rgba(234, 92, 0, 0.3);
 --vscode-peekViewEditor-matchHighlightBackground: rgba(255, 143, 0, 0.6);
 --vscode-editorMarkerNavigationError-background: #f87171;
 --vscode-editorMarkerNavigationError-headerBackground: rgba(248, 113, 113, 0.1);
 --vscode-editorMarkerNavigationWarning-background: #facc15;
 --vscode-editorMarkerNavigationWarning-headerBackground: rgba(250, 204, 21, 0.1);
 --vscode-editorMarkerNavigationInfo-background: #3794ff;
 --vscode-editorMarkerNavigationInfo-headerBackground: rgba(55, 148, 255, 0.1);
 --vscode-editorMarkerNavigation-background: #1e293b;
 --vscode-symbolIcon-arrayForeground: #cccccc;
 --vscode-symbolIcon-booleanForeground: #cccccc;
 --vscode-symbolIcon-classForeground: #ee9d28;
 --vscode-symbolIcon-colorForeground: #cccccc;
 --vscode-symbolIcon-constantForeground: #cccccc;
 --vscode-symbolIcon-constructorForeground: #b180d7;
 --vscode-symbolIcon-enumeratorForeground: #ee9d28;
 --vscode-symbolIcon-enumeratorMemberForeground: #75beff;
 --vscode-symbolIcon-eventForeground: #ee9d28;
 --vscode-symbolIcon-fieldForeground: #75beff;
 --vscode-symbolIcon-fileForeground: #cccccc;
 --vscode-symbolIcon-folderForeground: #cccccc;
 --vscode-symbolIcon-functionForeground: #b180d7;
 --vscode-symbolIcon-interfaceForeground: #75beff;
 --vscode-symbolIcon-keyForeground: #cccccc;
 --vscode-symbolIcon-keywordForeground: #cccccc;
 --vscode-symbolIcon-methodForeground: #b180d7;
 --vscode-symbolIcon-moduleForeground: #cccccc;
 --vscode-symbolIcon-namespaceForeground: #cccccc;
 --vscode-symbolIcon-nullForeground: #cccccc;
 --vscode-symbolIcon-numberForeground: #cccccc;
 --vscode-symbolIcon-objectForeground: #cccccc;
 --vscode-symbolIcon-operatorForeground: #cccccc;
 --vscode-symbolIcon-packageForeground: #cccccc;
 --vscode-symbolIcon-propertyForeground: #cccccc;
 --vscode-symbolIcon-referenceForeground: #cccccc;
 --vscode-symbolIcon-snippetForeground: #cccccc;
 --vscode-symbolIcon-stringForeground: #cccccc;
 --vscode-symbolIcon-structForeground: #cccccc;
 --vscode-symbolIcon-textForeground: #cccccc;
 --vscode-symbolIcon-typeParameterForeground: #cccccc;
 --vscode-symbolIcon-unitForeground: #cccccc;
 --vscode-symbolIcon-variableForeground: #75beff;
 --vscode-editorSuggestWidget-background: #334155;
 --vscode-editorSuggestWidget-border: #454545;
 --vscode-editorSuggestWidget-foreground: #cbd5e1;
 --vscode-editorSuggestWidget-selectedForeground: #cbd5e1;
 --vscode-editorSuggestWidget-selectedBackground: rgba(148, 163, 184, 0.12);
 --vscode-editorSuggestWidget-highlightForeground: #38bdf8;
 --vscode-editorSuggestWidget-focusHighlightForeground: #38bdf8;
 --vscode-editorSuggestWidgetStatus-foreground: rgba(203, 213, 225, 0.5);
 --vscode-editor-foldBackground: rgba(51, 65, 85, 0.3);
 --vscode-editorGutter-foldingControlForeground: #c5c5c5;
 --vscode-editor-linkedEditingBackground: rgba(255, 0, 0, 0.3);
 --vscode-editorHoverWidget-highlightForeground: #18a3ff;
 --vscode-editor-wordHighlightBackground: rgba(87, 87, 87, 0.72);
 --vscode-editor-wordHighlightStrongBackground: rgba(0, 73, 114, 0.72);
 --vscode-editorOverviewRuler-wordHighlightForeground: rgba(160, 160, 160, 0.8);
 --vscode-editorOverviewRuler-wordHighlightStrongForeground: rgba(192, 160, 192, 0.8); }

 .mtk1 { color: #f8fafc; }
 .mtk2 { color: #1e293b; }
 .mtk3 { color: #cc6666; }
 .mtk4 { color: #9cdcfe; }
 .mtk5 { color: #7dd3fc; }
 .mtk6 { color: #cbd5e1; }
 .mtk7 { color: #ce9178; }
 .mtk8 { color: #d4d4d4; }
 .mtk9 { color: #b5cea8; }
 .mtk10 { color: #99f6e4; }
 .mtk11 { color: #608b4e; }
 .mtk12 { color: #94a3b8; }
 .mtk13 { color: #569cd6; }
 .mtk14 { color: #dcdcdc; }
 .mtk15 { color: #64748b; }
 .mtk16 { color: #808080; }
 .mtk17 { color: #f44747; }
 .mtk18 { color: #c586c0; }
 .mtk19 { color: #a79873; }
 .mtk20 { color: #dd6a6f; }
 .mtk21 { color: #5bb498; }
 .mtk22 { color: #909090; }
 .mtk23 { color: #778899; }
 .mtk24 { color: #ff00ff; }
 .mtk25 { color: #b46695; }
 .mtk26 { color: #ff0000; }
 .mtk27 { color: #f472b6; }
 .mtk28 { color: #4f76ac; }
 .mtk29 { color: #3dc9b0; }
 .mtk30 { color: #74b0df; }
 .mtk31 { color: #4864aa; }
 .mtki { font-style: italic; }
 .mtkb { font-weight: bold; }
 .mtku { text-decoration: underline; text-underline-position: under; }
 .mtks { text-decoration: line-through; }
 .mtks.mtku { text-decoration: underline line-through; text-underline-position: under; }</style><style type="text/css" media="screen">
 		.monaco-editor .codelens-decoration._ee1f61 { line-height: 21px; font-size: 12px; padding-right: 6px; font-feature-settings: var(--codelens-font-features_ee1f61) }
 		.monaco-editor .codelens-decoration._ee1f61 span.codicon { line-height: 21px; font-size: 12px; }
 		</style><style type="text/css" media="screen">
 		.monaco-editor .codelens-decoration._ee1f62 { line-height: 21px; font-size: 12px; padding-right: 6px; font-feature-settings: var(--codelens-font-features_ee1f62) }
 		.monaco-editor .codelens-decoration._ee1f62 span.codicon { line-height: 21px; font-size: 12px; }
 		</style><style></style><style type="text/css" media="screen">.dyn-rule-3-0 {
 	background-color: rgba(229, 231, 235, 1);
 }</style><style type="text/css" media="screen">.dyn-rule-3-1 {
 	background-color: rgba(156, 163, 175, 1);
 }</style><style type="text/css" media="screen">.dyn-rule-3-2 {
 	background-color: rgba(255, 255, 255, 1);
 }</style><style type="text/css" media="screen">.dyn-rule-3-3 {
 	background-color: rgba(59, 130, 246, 0.5);
 }</style><style type="text/css" media="screen">.dyn-rule-3-4 {
 	background-color: rgba(0, 0, 0, 0);
 }</style></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"><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:&quot;cv02&quot;, &quot;cv03&quot;, &quot;cv04&quot;, &quot;cv11&quot;"><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 hover:bg-sky-400 bg-sky-500 text-white shadow-sm dark:shadow-highlight/20"><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></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-1" type="button" aria-haspopup="listbox" aria-expanded="false" data-headlessui-state="">v3.3.2<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"><div class="flex items-center flex-none pl-5 sm:pl-6 pr-4 lg:pr-6 absolute z-10 top-0 left-0 -mb-px antialiased" style="width: 495px; font-feature-settings: &quot;cv02&quot;, &quot;cv03&quot;, &quot;cv04&quot;, &quot;cv11&quot;;"><div class="flex space-x-5"><button type="button" class="relative flex py-3 text-sm leading-6 font-semibold focus:outline-none text-sky-500"><span class="absolute bottom-0 inset-x-0 bg-sky-500 h-0.5 rounded-full transition-opacity duration-150"></span>HTML</button><button type="button" class="relative flex py-3 text-sm leading-6 font-semibold focus:outline-none text-gray-700 hover:text-gray-900 focus:text-gray-900 dark:text-gray-300 dark:hover:text-white"><span class="absolute bottom-0 inset-x-0 bg-sky-500 h-0.5 rounded-full transition-opacity duration-150 opacity-0"></span>CSS</button><button type="button" class="relative flex py-3 text-sm leading-6 font-semibold focus:outline-none text-gray-700 hover:text-gray-900 focus:text-gray-900 dark:text-gray-300 dark:hover:text-white"><span class="absolute bottom-0 inset-x-0 bg-sky-500 h-0.5 rounded-full transition-opacity duration-150 opacity-0"></span>Config</button></div><div class="ml-auto flex items-center"><button type="button" class="ml-4 text-sm font-semibold text-gray-500 flex items-center hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200"><svg viewBox="0 0 24 24" class="w-6 h-6 mr-1" aria-hidden="true"><path d="M5 9a2 2 0 0 1 2 2 1 1 0 1 0 2 0 2 2 0 0 1 2-2 1 1 0 1 0 0-2 2 2 0 0 1-2-2 1 1 0 0 0-2 0 2 2 0 0 1-2 2 1 1 0 0 0 0 2Z" fill="currentColor" class="text-gray-400 dark:text-gray-500"></path><path d="M11 16a3 3 0 0 1 3 3 1 1 0 1 0 2 0 3 3 0 0 1 3-3 1 1 0 1 0 0-2 3 3 0 0 1-3-3 1 1 0 1 0-2 0 3 3 0 0 1-3 3 1 1 0 1 0 0 2Z" fill="currentColor" class="text-gray-300 dark:text-gray-400"></path></svg>Tidy<span class="sr-only">, and focus editor</span></button></div></div><div class="SplitPane  vertical " style="display: flex; flex: 1 1 0%; height: 100%; position: absolute; outline: none; overflow: hidden; user-select: text; flex-direction: row; left: 0px; right: 0px;"><div class="Pane vertical Pane1  " style="flex: 0 0 auto; position: relative; outline: none; margin-top: -1px; display: flex; flex-direction: column; width: 495px;"><div class="flex flex-auto"><div class="mt-12 relative flex-auto"><div class="SplitPane  horizontal " style="display: flex; flex: 1 1 0%; height: 100%; position: absolute; outline: none; overflow: hidden; user-select: text; bottom: 0px; flex-direction: column; min-height: 100%; top: 0px; width: 100%;"><div class="Pane horizontal Pane1  " style="flex: 1 1 0%; position: relative; outline: none; display: flex; flex-direction: column;"><div class="border-t border-gray-200 dark:border-white/10 flex-auto flex -mb-2"><div class="relative flex-auto"><div class="absolute inset-0 w-full h-full" data-keybinding-context="1" style="--codelens-font-features_ee1f61: &quot;liga&quot; off, &quot;calt&quot; off; --code-editorInlayHintsFontFamily: Menlo, Monaco, Consolas, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, monospace;" data-mode-id="html"><div class="monaco-editor no-user-select  showUnused showDeprecated vs-dark" role="code" style="width: 495px; height: 910px;" data-uri="file:///HTML"><div data-mprt="3" class="overflow-guard" style="width: 495px; height: 910px;"><div class="margin" style="position: absolute; transform: translate3d(0px, 0px, 0px); contain: strict; top: 0px; height: 3220px; width: 68px;" role="presentation" aria-hidden="true"><div class="glyph-margin" style="left: 0px; width: 0px; height: 3220px;"></div><div class="margin-view-zones" style="position: absolute;" role="presentation" aria-hidden="true"></div><div class="margin-view-overlays" style="position: absolute; width: 68px; font-family: Menlo, Monaco, Consolas, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, monospace; font-weight: normal; font-size: 14px; font-feature-settings: &quot;liga&quot; 0, &quot;calt&quot; 0; line-height: 21px; letter-spacing: 0px; height: 910px;" role="presentation" aria-hidden="true"><div style="position:absolute;top:0px;width:100%;height:21px;"><div class="current-line current-line-margin-both" style="width:68px; height:21px;"></div><div class="active-line-number line-numbers lh-odd" style="left:0px;width:42px;">1</div></div></div></div><div class="monaco-scrollable-element editor-scrollable vs-dark" role="presentation" style="position: absolute; overflow: hidden; left: 68px; width: 427px; height: 910px;" data-mprt="5"><div class="lines-content monaco-editor-background" style="position: absolute; overflow: hidden; width: 1000000px; height: 1000000px; transform: translate3d(0px, 0px, 0px); contain: strict; top: 0px; left: 0px;"><div class="view-overlays" style="position: absolute; height: 0px; width: 427px;" role="presentation" aria-hidden="true"><div style="position:absolute;top:0px;width:100%;height:21px;"><div class="current-line" style="width:427px; height:21px;"></div></div></div><div role="presentation" aria-hidden="true" class="view-rulers"></div><div class="view-zones" style="position: absolute;" role="presentation" aria-hidden="true"></div><div class="view-lines monaco-mouse-cursor-text" style="position: absolute; font-family: Menlo, Monaco, Consolas, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, monospace; font-weight: normal; font-size: 14px; font-feature-settings: &quot;liga&quot; 0, &quot;calt&quot; 0; line-height: 21px; letter-spacing: 0px; width: 427px; height: 910px;" role="presentation" aria-hidden="true" data-mprt="7"><div style="top:0px;height:21px;" class="view-line"><span><span></span></span></div></div><div data-mprt="1" class="contentWidgets" style="position: absolute; top: 0px;"><div class="codicon-light-bulb codicon" style="position: absolute; display: none; visibility: hidden; max-width: 814px;" widgetid="LightBulbWidget" title="Show Code Actions (Ctrl+.)"></div></div><div role="presentation" aria-hidden="true" class="cursors-layer cursor-line-style cursor-solid"><div class="cursor monaco-mouse-cursor-text " style="height: 21px; top: 0px; left: 0px; font-family: Menlo, Monaco, Consolas, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, monospace; font-weight: normal; font-size: 14px; font-feature-settings: &quot;liga&quot; 0, &quot;calt&quot; 0; line-height: 21px; letter-spacing: 0px; display: block; visibility: hidden; width: 1.46667px;"></div></div></div><div role="presentation" aria-hidden="true" class="invisible scrollbar horizontal" style="position: absolute; width: 413px; height: 21px; left: 0px; bottom: 0px;"><div class="slider" style="position: absolute; top: 0px; left: 0px; height: 21px; transform: translate3d(0px, 0px, 0px); contain: strict; width: 413px;"></div></div><canvas class="decorationsOverviewRuler" style="position: absolute; transform: translate3d(0px, 0px, 0px); contain: strict; top: 0px; right: 0px; width: 14px; height: 910px; display: block;" aria-hidden="true" width="19" height="1240"></canvas><div role="presentation" aria-hidden="true" class="invisible scrollbar vertical" style="position: absolute; width: 14px; height: 910px; right: 0px; top: 0px;"><div class="slider" style="position: absolute; top: 0px; left: 0px; width: 14px; transform: translate3d(0px, 0px, 0px); contain: strict; height: 910px;"></div></div></div><div role="presentation" aria-hidden="true" style="width: 495px;"></div><textarea data-mprt="6" class="inputarea monaco-mouse-cursor-text" autocorrect="off" autocapitalize="none" autocomplete="off" spellcheck="false" aria-label="Editor content;Press Alt+F1 for Accessibility Options." tabindex="0" role="textbox" aria-roledescription="editor" aria-multiline="true" aria-haspopup="false" aria-autocomplete="both" style="font-family: Menlo, Monaco, Consolas, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, monospace; font-weight: normal; font-size: 14px; font-feature-settings: &quot;liga&quot; 0, &quot;calt&quot; 0; line-height: 21px; letter-spacing: 0px; top: 0px; left: 68px; width: 0px; height: 0px;" wrap="off"></textarea><div style="position: absolute; top: 0px; left: 0px; width: 0px; height: 0px;"></div><div data-mprt="4" class="overlayWidgets" style="width: 495px;"><div style="position: absolute; top: 0px; right: 50%;" widgetid="editor.contrib.quickInputWidget"></div><div class="accessibilityHelpWidget" style="display: none; position: absolute;" role="dialog" aria-hidden="true" widgetid="editor.contrib.accessibilityHelpWidget"><div role="document"></div></div><div class="monaco-hover hidden" tabindex="0" role="tooltip" style="position: absolute;" widgetid="editor.contrib.modesGlyphHoverWidget"><div class="monaco-scrollable-element " role="presentation" style="position: relative; overflow: hidden;"><div class="monaco-hover-content" style="overflow: hidden;"></div><div role="presentation" aria-hidden="true" class="invisible scrollbar horizontal" style="position: absolute;"><div class="slider" style="position: absolute; top: 0px; left: 0px; height: 10px; transform: translate3d(0px, 0px, 0px); contain: strict;"></div></div><div role="presentation" aria-hidden="true" class="invisible scrollbar vertical" style="position: absolute;"><div class="slider" style="position: absolute; top: 0px; left: 0px; width: 10px; transform: translate3d(0px, 0px, 0px); contain: strict;"></div></div><div class="shadow"></div><div class="shadow"></div><div class="shadow"></div></div></div></div><div data-mprt="8" class="minimap slider-mouseover" style="position: absolute; left: 0px; width: 0px; height: 910px;" role="presentation" aria-hidden="true"><div class="minimap-shadow-hidden" style="height: 910px;"></div><canvas style="position: absolute; left: 0px; width: 0px; height: 910px;" width="0" height="1240"></canvas><canvas style="position: absolute; left: 0px; width: 0px; height: 910px;" class="minimap-decorations-layer" width="0" height="1240"></canvas><div style="position: absolute; transform: translate3d(0px, 0px, 0px); contain: strict; width: 0px;" class="minimap-slider"><div style="position: absolute; width: 0px; height: 0px;" class="minimap-slider-horizontal"></div></div></div></div><div data-mprt="2" class="overflowingContentWidgets"><div class="monaco-hover hidden" tabindex="0" role="tooltip" style="position: fixed; display: none; visibility: hidden; max-width: 1877px;" widgetid="editor.contrib.contentHoverWidget"><div class="monaco-scrollable-element " role="presentation" style="position: relative; overflow: hidden;"><div class="monaco-hover-content" style="overflow: hidden; font-size: 14px; line-height: 1.5; max-height: 250px; max-width: 500px;"></div><div role="presentation" aria-hidden="true" class="invisible scrollbar horizontal" style="position: absolute;"><div class="slider" style="position: absolute; top: 0px; left: 0px; height: 10px; transform: translate3d(0px, 0px, 0px); contain: strict;"></div></div><div role="presentation" aria-hidden="true" class="invisible scrollbar vertical" style="position: absolute;"><div class="slider" style="position: absolute; top: 0px; left: 0px; width: 10px; transform: translate3d(0px, 0px, 0px); contain: strict;"></div></div><div class="shadow"></div><div class="shadow"></div><div class="shadow"></div></div></div><div class="monaco-editor rename-box" style="background-color: rgb(37, 37, 38); box-shadow: rgba(0, 0, 0, 0.36) 0px 0px 8px 2px; color: rgb(204, 204, 204); position: fixed; display: none; visibility: hidden; max-width: 1877px;" widgetid="__renameInputWidget"><input class="rename-input" type="text" aria-label="Rename input. Type new name and press Enter to commit." style="font-family: Menlo, Monaco, Consolas, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, monospace; font-weight: normal; font-size: 14px; background-color: rgb(60, 60, 60); border-width: 0px; border-style: none;"><div class="rename-label" style="font-size: 11.2px;">Enter to Rename, Shift+Enter to Preview</div></div></div></div></div><button type="button" class="rounded-full bg-gray-50 text-gray-500 text-xs font-semibold leading-6 py-0.5 pl-2 pr-2.5 flex items-center hover:bg-gray-100 transition-opacity select-none dark:bg-gray-700 dark:text-gray-400 dark:hover:bg-gray-600 opacity-0 pointer-events-none focus:opacity-100 focus:pointer-events-auto absolute bottom-4 right-[calc(14px+0.625rem)]"><svg viewBox="0 0 20 20" class="w-5 h-5 text-gray-400 flex-none mr-1" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 4.75H5.75a2 2 0 0 0-2 2v8.5a2 2 0 0 0 2 2h8.5a2 2 0 0 0 2-2v-8.5a2 2 0 0 0-2-2H13"></path><path d="M12 6.25H8a1 1 0 0 1-1-1v-1.5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1.5a1 1 0 0 1-1 1ZM7.75 10.25h4.5M7.75 13.25h4.5"></path></svg><span class="">Copy<span class="sr-only">, then focus editor</span></span></button></div></div></div><span role="presentation" class="Resizer horizontal " style="z-index: 10; background: none;"></span><div class="Pane horizontal Pane2  " style="flex: 0 0 auto; position: relative; outline: none; height: 48px; display: flex;"><div class="flex-auto flex flex-col ring-1 ring-gray-900/[0.07] rounded-t-lg overflow-hidden dark:rounded-none dark:ring-0 shadow-[0_2px_11px_rgba(0,0,0,0.1),0_3px_6px_rgba(0,0,0,0.05)]"><button type="button" class="flex-none group h-12 px-6 text-left text-sm leading-6 bg-white font-semibold focus:outline-none text-gray-700 hover:text-gray-900 dark:bg-gray-900 dark:text-gray-300 dark:hover:text-white flex items-center justify-between border-y border-t-transparent border-b-gray-900/10 dark:bg-gradient-to-b dark:from-[#242F41] dark:to-gray-800 dark:shadow-highlight/4 dark:ring-1 dark:ring-inset dark:ring-white/[0.08] dark:rounded-t-lg dark:border-0"><span class="space-x-3"><span>Generated CSS</span><small class="text-xs font-semibold text-gray-500 dark:text-gray-400">1.09 kB</small></span><svg class="w-6 h-6 text-gray-600 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-gray-200 rotate-180" fill="none" viewBox="0 0 24 24"><path d="m17 10-5 5-5-5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div class="relative flex-auto hidden"><div class="absolute z-10 bg-white/80 backdrop-blur top-0 left-0 right-[14px] select-none flex pl-6 pr-2.5 py-2.5 border-t border-gray-900/[0.03] dark:bg-gray-800/80 justify-between"><div class="flex space-x-3"><button type="button" class="rounded-full text-xs leading-6 py-0.5 px-3 font-semibold bg-sky-50 text-sky-500 dark:bg-gray-100/[0.08] dark:text-white">All</button><button type="button" class="rounded-full text-xs leading-6 py-0.5 px-3 font-semibold text-gray-700 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300">Base</button><button type="button" class="rounded-full text-xs leading-6 py-0.5 px-3 font-semibold text-gray-700 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300">Components</button><button type="button" class="rounded-full text-xs leading-6 py-0.5 px-3 font-semibold text-gray-700 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300">Utilities</button></div></div><div class="absolute inset-0 w-full h-full css-output-editor" data-keybinding-context="2" style="--codelens-font-features_ee1f62: &quot;liga&quot; off, &quot;calt&quot; off;" data-mode-id="tailwindcss"><div class="monaco-editor no-user-select  showUnused showDeprecated vs-dark" role="code" style="width: 5px; height: 5px;" data-uri="inmemory://model/3"><div data-mprt="3" class="overflow-guard" style="width: 5px; height: 5px;"><div class="margin" style="position: absolute; transform: translate3d(0px, 0px, 0px); contain: strict; top: 0px; height: 91px; width: 68px;" role="presentation" aria-hidden="true"><div class="glyph-margin" style="left: 0px; width: 0px; height: 91px;"></div><div class="margin-view-zones" style="position: absolute;" role="presentation" aria-hidden="true"></div><div class="margin-view-overlays" style="position: absolute; width: 68px; font-family: Menlo, Monaco, Consolas, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, monospace; font-weight: normal; font-size: 14px; font-feature-settings: &quot;liga&quot; 0, &quot;calt&quot; 0; line-height: 21px; letter-spacing: 0px; height: 10843px;" role="presentation" aria-hidden="true"><div style="position:absolute;top:49px;width:100%;height:21px;"><div class="current-line" style="width:68px; height:21px;"></div><div class="active-line-number line-numbers lh-odd" style="left:0px;width:42px;">1</div></div></div></div><div class="monaco-scrollable-element editor-scrollable vs-dark" role="presentation" style="position: absolute; overflow: hidden; left: 68px; height: 5px;" data-mprt="5"><div class="lines-content monaco-editor-background" style="position: absolute; overflow: hidden; width: 1000000px; height: 1000000px; transform: translate3d(0px, 0px, 0px); contain: strict; top: 0px; left: 0px;"><div class="view-overlays" style="position: absolute; height: 0px; width: 43px;" role="presentation" aria-hidden="true"><div style="position:absolute;top:49px;width:100%;height:21px;"></div></div><div role="presentation" aria-hidden="true" class="view-rulers"></div><div class="view-zones" style="position: absolute;" role="presentation" aria-hidden="true"></div><div class="view-lines monaco-mouse-cursor-text" style="position: absolute; font-family: Menlo, Monaco, Consolas, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, monospace; font-weight: normal; font-size: 14px; font-feature-settings: &quot;liga&quot; 0, &quot;calt&quot; 0; line-height: 21px; letter-spacing: 0px; width: 43px; height: 10843px;" role="presentation" aria-hidden="true" data-mprt="7"><div style="top:49px;height:21px;" class="view-line"><span><span class="mtk12">/*&nbsp;!&nbsp;tailwindcss&nbsp;v3.3.2&nbsp;|&nbsp;MIT&nbsp;License&nbsp;|&nbsp;</span><span class="mtk12 detected-link">https://tailwindcss.com</span><span class="mtk12">&nbsp;*/</span></span></div></div><div data-mprt="1" class="contentWidgets" style="position: absolute; top: 0px;"></div><div role="presentation" aria-hidden="true" class="cursors-layer cursor-line-style cursor-solid"><div class="cursor monaco-mouse-cursor-text" style="height: 21px; top: 0px; left: 0px; font-family: Menlo, Monaco, Consolas, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, monospace; font-weight: normal; font-size: 14px; font-feature-settings: &quot;liga&quot; 0, &quot;calt&quot; 0; line-height: 21px; letter-spacing: 0px; display: none; visibility: hidden;"></div></div></div><div role="presentation" aria-hidden="true" class="invisible scrollbar horizontal fade" style="position: absolute; width: 0px; height: 12px; left: 0px; bottom: 0px;"><div class="slider" style="position: absolute; top: 0px; left: 0px; height: 12px; transform: translate3d(0px, 0px, 0px); contain: strict; width: 20px;"></div></div><canvas class="decorationsOverviewRuler" style="position: absolute; transform: translate3d(0px, 0px, 0px); contain: strict; top: 0px; right: 0px; width: 14px; height: 5px; display: block;" aria-hidden="true" width="19" height="6"></canvas><div role="presentation" aria-hidden="true" class="invisible scrollbar vertical fade" style="position: absolute; width: 14px; height: 5px; right: 0px; top: 0px;"><div class="slider" style="position: absolute; top: 0px; left: 0px; width: 14px; transform: translate3d(0px, 0px, 0px); contain: strict; height: 20px;"></div></div></div><div role="presentation" aria-hidden="true" style="width: 5px;"></div><textarea data-mprt="6" class="inputarea monaco-mouse-cursor-text" autocorrect="off" autocapitalize="none" autocomplete="off" spellcheck="false" aria-label="Editor content;Press Alt+F1 for Accessibility Options." tabindex="0" role="textbox" aria-roledescription="editor" aria-multiline="true" aria-haspopup="false" aria-autocomplete="both" style="font-family: Menlo, Monaco, Consolas, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, monospace; font-weight: normal; font-size: 14px; font-feature-settings: &quot;liga&quot; 0, &quot;calt&quot; 0; line-height: 21px; letter-spacing: 0px; top: 0px; left: 0px; width: 0px; height: 0px;" wrap="off"></textarea><div style="position: absolute; top: 0px; left: 0px; width: 0px; height: 0px;"></div><div data-mprt="4" class="overlayWidgets" style="width: 5px;"><div style="position: absolute; top: 0px; right: 50%;" widgetid="editor.contrib.quickInputWidget"></div><div class="accessibilityHelpWidget" style="display: none; position: absolute;" role="dialog" aria-hidden="true" widgetid="editor.contrib.accessibilityHelpWidget"><div role="document"></div></div></div><div data-mprt="8" class="minimap slider-mouseover" style="position: absolute; left: 0px; width: 0px; height: 5px;" role="presentation" aria-hidden="true"><div class="minimap-shadow-hidden" style="height: 5px;"></div><canvas style="position: absolute; left: 0px; width: 0px; height: 5px;" width="0" height="6"></canvas><canvas style="position: absolute; left: 0px; width: 0px; height: 5px;" class="minimap-decorations-layer" width="0" height="6"></canvas><div style="position: absolute; transform: translate3d(0px, 0px, 0px); contain: strict; width: 0px;" class="minimap-slider"><div style="position: absolute; width: 0px; height: 0px;" class="minimap-slider-horizontal"></div></div></div></div><div data-mprt="2" class="overflowingContentWidgets"><div class="monaco-editor rename-box" style="background-color: rgb(37, 37, 38); box-shadow: rgba(0, 0, 0, 0.36) 0px 0px 8px 2px; color: rgb(204, 204, 204); position: fixed; display: none; visibility: hidden; max-width: 1877px;" widgetid="__renameInputWidget"><input class="rename-input" type="text" aria-label="Rename input. Type new name and press Enter to commit." style="font-family: Menlo, Monaco, Consolas, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, monospace; font-weight: normal; font-size: 14px; background-color: rgb(60, 60, 60); border-width: 0px; border-style: none;"><div class="rename-label" style="font-size: 11.2px;">Enter to Rename, Shift+Enter to Preview</div></div></div></div></div><button type="button" class="rounded-full bg-gray-50 text-gray-500 text-xs font-semibold leading-6 py-0.5 pl-2 pr-2.5 flex items-center hover:bg-gray-100 transition-opacity select-none dark:bg-gray-700 dark:text-gray-400 dark:hover:bg-gray-600 opacity-0 pointer-events-none focus:opacity-100 focus:pointer-events-auto absolute bottom-4 right-[calc(14px+0.625rem)]"><svg viewBox="0 0 20 20" class="w-5 h-5 text-gray-400 flex-none mr-1" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 4.75H5.75a2 2 0 0 0-2 2v8.5a2 2 0 0 0 2 2h8.5a2 2 0 0 0 2-2v-8.5a2 2 0 0 0-2-2H13"></path><path d="M12 6.25H8a1 1 0 0 1-1-1v-1.5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1.5a1 1 0 0 1-1 1ZM7.75 10.25h4.5M7.75 13.25h4.5"></path></svg><span class="">Copy<span class="sr-only">, then focus editor</span></span></button></div></div></div></div></div></div></div><span role="presentation" class="Resizer Resizer vertical "></span><div class="Pane vertical Pane2  " style="flex: 1 1 0%; position: relative; outline: none; margin-top: -1px;"><div class="absolute inset-0 w-full h-full"><div class="absolute inset-0 top-12 lg:top-0 flex flex-col border-t border-gray-200 dark:border-white/10 lg:border-0 bg-gray-50 dark:bg-black"><div class="flex-auto grid justify-center" style="grid-template-columns: 100%;"><div class="relative"><iframe title="Preview" class="absolute inset-0 w-full h-full bg-white" sandbox="allow-popups-to-escape-sandbox allow-scripts allow-popups allow-forms allow-pointer-lock allow-top-navigation allow-modals" srcdoc="
                <!DOCTYPE html>
                <html>
                  <head>
                    <meta charset=&quot;utf-8&quot;>
                    <meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;>
                    <style id=&quot;_style&quot;></style>
                    <script>
                    var hasHtml = false
                    var hasCss = false
                    var visible = false
                    window.addEventListener('message', (e) => {
                      if (typeof e.data.clear !== 'undefined') {
                        setHtml()
                        setCss()
                        checkVisibility()
                        return
                      }
                      if (typeof e.data.css !== 'undefined') {
                        setCss(e.data.css)
                      }
                      if (typeof e.data.html !== 'undefined') {
                        setHtml(e.data.html)
                      }
                      checkVisibility()
                    })
                    function checkVisibility() {
                      if (!visible &amp;&amp; hasHtml &amp;&amp; hasCss) {
                        visible = true
                        document.body.style.display = ''
                      } else if (visible &amp;&amp; (!hasHtml || !hasCss)) {
                        visible = false
                        document.body.style.display = 'none'
                      }
                    }
                    function setHtml(html) {
                      if (typeof html === 'undefined') {
                        document.body.innerHTML = ''
                        hasHtml = false
                      } else {
                        document.body.innerHTML = html
                        hasHtml = true
                      }
                    }
                    function setCss(css) {
                      const style = document.getElementById('_style')
                      const newStyle = document.createElement('style')
                      newStyle.id = '_style'
                      newStyle.innerHTML = typeof css === 'undefined' ? '' : css
                      style.parentNode.replaceChild(newStyle, style)
                      hasCss = typeof css === 'undefined' ? false : true
                    }
                    </script>
                  </head>
                  <body style=&quot;display:none&quot;>
                  </body>
                  <script>
                  // https://github.com/sveltejs/svelte-repl/blob/master/src/Output/srcdoc/index.html
                  // https://github.com/sveltejs/svelte-repl/blob/master/LICENSE
                  document.body.addEventListener('click', event => {
                    if (event.which !== 1) return;
                    if (event.metaKey || event.ctrlKey || event.shiftKey) return;
                    if (event.defaultPrevented) return;

                    // ensure target is a link
                    let el = event.target;
                    while (el &amp;&amp; el.nodeName !== 'A') el = el.parentNode;
                    if (!el || el.nodeName !== 'A') return;

                    if (el.hasAttribute('download') || el.getAttribute('rel') === 'external' || el.target) return;

                    event.preventDefault();
                    window.open(el.href, '_blank');
                  });
                  </script>
                </html>
              "></iframe></div></div></div></div></div></div></main></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"initialContent":{"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} */\nmodule.exports = {\n  theme: {\n    extend: {\n      // ...\n    },\n  },\n  plugins: [],\n}\n","compiledCss":"*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:\"\"}html{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){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,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}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-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:#0000;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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after,::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-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:#3b82f680;--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: }.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.left-1\\/2{left:50%}.top-1\\/2{top:50%}.mx-auto{margin-left:auto;margin-right:auto}.ml-4{margin-left:1rem}.flex{display:flex}.h-6{height:1.5rem}.min-h-screen{min-height:100vh}.w-6{width:1.5rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.flex-none{flex:none}.-translate-x-1\\/2{--tw-translate-x:-50%;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%;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))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.space-y-4\u003e: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\u003e: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\u003e: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\\/50\u003e:not([hidden])~:not([hidden]){border-color:#d1d5db80}.overflow-hidden{overflow:hidden}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-\\[url\\(\\/img\\/grid\\.svg\\)\\]{background-image:url(/img/grid.svg)}.bg-center{background-position:50%}.fill-sky-100{fill:#e0f2fe}.stroke-sky-500{stroke:#0ea5e9}.stroke-2{stroke-width:2px}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-8{padding-bottom:2rem}.pt-10{padding-top:2.5rem}.pt-8{padding-top:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-7{line-height:1.75rem}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-sky-500{--tw-text-opacity:1;color:rgb(14 165 233/var(--tw-text-opacity))}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -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)}.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\\/5{--tw-ring-color:#1118270d}.\\[mask-image\\:linear-gradient\\(180deg\\,white\\,rgba\\(255\\,255\\,255\\,0\\)\\)\\]{-webkit-mask-image:linear-gradient(#fff,#fff0);mask-image:linear-gradient(#fff,#fff0)}.hover\\:text-sky-600:hover{--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity))}@media (min-width:640px){.sm\\:mx-auto{margin-left:auto;margin-right:auto}.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}}"},"initialLayout":"vertical","initialResponsiveSize":null,"initialActiveTab":"html"},"__N_SSP":true},"page":"/[[...slug]]","query":{},"buildId":"6KezaF2-ywWFjiYSjvlpO","isFallback":false,"gssp":true,"scriptLoader":[]}</script><next-route-announcer><p aria-live="assertive" id="__next-route-announcer__" role="alert" style="border: 0px none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap; overflow-wrap: normal;"></p></next-route-announcer><div class="monaco-aria-container"><div class="monaco-alert" role="alert" aria-atomic="true"></div><div class="monaco-alert" role="alert" aria-atomic="true"></div><div class="monaco-status" role="complementary" aria-live="polite" aria-atomic="true"></div><div class="monaco-status" role="complementary" aria-live="polite" aria-atomic="true"></div></div></body></html>