@qwik.dev/devtools 0.2.0 → 0.2.2

package/dist/ui/global.css.qwik.mjs

@@ -1,1258 +1,4 @@
-const globalCss = `/**
- * Tailwind CSS imports
- * View the full documentation at https://tailwindcss.com
- */
-*, ::before, ::after {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
-::backdrop {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
-/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
- */
-/*
-1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
-2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
-*/
-*,
-::before,
-::after {
-  box-sizing: border-box; /* 1 */
-  border-width: 0; /* 2 */
-  border-style: solid; /* 2 */
-  border-color: #e5e7eb; /* 2 */
-}
-::before,
-::after {
-  --tw-content: '';
-}
-/*
-1. Use a consistent sensible line-height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
-3. Use a more readable tab size.
-4. Use the user's configured \`sans\` font-family by default.
-5. Use the user's configured \`sans\` font-feature-settings by default.
-6. Use the user's configured \`sans\` font-variation-settings by default.
-7. Disable tap highlights on iOS
-*/
-html,
-:host {
-  line-height: 1.5; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */
-  -moz-tab-size: 4; /* 3 */
-  -o-tab-size: 4;
-     tab-size: 4; /* 3 */
-  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
-  font-feature-settings: normal; /* 5 */
-  font-variation-settings: normal; /* 6 */
-  -webkit-tap-highlight-color: transparent; /* 7 */
-}
-/*
-1. Remove the margin in all browsers.
-2. Inherit line-height from \`html\` so users can set them as a class directly on the \`html\` element.
-*/
-body {
-  margin: 0; /* 1 */
-  line-height: inherit; /* 2 */
-}
-/*
-1. Add the correct height in Firefox.
-2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-3. Ensure horizontal rules are visible by default.
-*/
-hr {
-  height: 0; /* 1 */
-  color: inherit; /* 2 */
-  border-top-width: 1px; /* 3 */
-}
-/*
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-abbr:where([title]) {
-  -webkit-text-decoration: underline dotted;
-          text-decoration: underline dotted;
-}
-/*
-Remove the default font size and weight for headings.
-*/
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-/*
-Reset links to optimize for opt-in styling instead of opt-out.
-*/
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-/*
-Add the correct font weight in Edge and Safari.
-*/
-b,
-strong {
-  font-weight: bolder;
-}
-/*
-1. Use the user's configured \`mono\` font-family by default.
-2. Use the user's configured \`mono\` font-feature-settings by default.
-3. Use the user's configured \`mono\` font-variation-settings by default.
-4. Correct the odd \`em\` font sizing in all browsers.
-*/
-code,
-kbd,
-samp,
-pre {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
-  font-feature-settings: normal; /* 2 */
-  font-variation-settings: normal; /* 3 */
-  font-size: 1em; /* 4 */
-}
-/*
-Add the correct font size in all browsers.
-*/
-small {
-  font-size: 80%;
-}
-/*
-Prevent \`sub\` and \`sup\` elements from affecting the line height in all browsers.
-*/
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-sub {
-  bottom: -0.25em;
-}
-sup {
-  top: -0.5em;
-}
-/*
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-3. Remove gaps between table borders by default.
-*/
-table {
-  text-indent: 0; /* 1 */
-  border-color: inherit; /* 2 */
-  border-collapse: collapse; /* 3 */
-}
-/*
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-3. Remove default padding in all browsers.
-*/
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-feature-settings: inherit; /* 1 */
-  font-variation-settings: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  font-weight: inherit; /* 1 */
-  line-height: inherit; /* 1 */
-  letter-spacing: inherit; /* 1 */
-  color: inherit; /* 1 */
-  margin: 0; /* 2 */
-  padding: 0; /* 3 */
-}
-/*
-Remove the inheritance of text transform in Edge and Firefox.
-*/
-button,
-select {
-  text-transform: none;
-}
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Remove default button styles.
-*/
-button,
-input:where([type='button']),
-input:where([type='reset']),
-input:where([type='submit']) {
-  -webkit-appearance: button; /* 1 */
-  background-color: transparent; /* 2 */
-  background-image: none; /* 2 */
-}
-/*
-Use the modern Firefox focus style for all focusable elements.
-*/
-:-moz-focusring {
-  outline: auto;
-}
-/*
-Remove the additional \`:invalid\` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
-*/
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-/*
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-progress {
-  vertical-align: baseline;
-}
-/*
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-/*
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
-[type='search'] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-/*
-Remove the inner padding in Chrome and Safari on macOS.
-*/
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to \`inherit\` in Safari.
-*/
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-/*
-Add the correct display in Chrome and Safari.
-*/
-summary {
-  display: list-item;
-}
-/*
-Removes the default spacing and border for appropriate elements.
-*/
-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 {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-/*
-Reset default styling for dialogs.
-*/
-dialog {
-  padding: 0;
-}
-/*
-Prevent resizing textareas horizontally by default.
-*/
-textarea {
-  resize: vertical;
-}
-/*
-1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
-2. Set the default placeholder color to the user's configured gray 400 color.
-*/
-input::-moz-placeholder, textarea::-moz-placeholder {
-  opacity: 1; /* 1 */
-  color: #9ca3af; /* 2 */
-}
-input::placeholder,
-textarea::placeholder {
-  opacity: 1; /* 1 */
-  color: #9ca3af; /* 2 */
-}
-/*
-Set the default cursor for buttons.
-*/
-button,
-[role="button"] {
-  cursor: pointer;
-}
-/*
-Make sure disabled buttons don't get the pointer cursor.
-*/
-:disabled {
-  cursor: default;
-}
-/*
-1. Make replaced elements \`display: block\` by default. (https://github.com/mozdevs/cssremedy/issues/14)
-2. Add \`vertical-align: middle\` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
-   This can trigger a poorly considered lint error in some tools but is included by design.
-*/
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block; /* 1 */
-  vertical-align: middle; /* 2 */
-}
-/*
-Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
-*/
-img,
-video {
-  max-width: 100%;
-  height: auto;
-}
-/* Make elements with the HTML hidden attribute stay hidden by default */
-[hidden]:where(:not([hidden="until-found"])) {
-  display: none;
-}
-.container {
-  width: 100%;
-}
-@media (min-width: 640px) {
-  .container {
-    max-width: 640px;
-  }
-}
-@media (min-width: 768px) {
-  .container {
-    max-width: 768px;
-  }
-}
-@media (min-width: 1024px) {
-  .container {
-    max-width: 1024px;
-  }
-}
-@media (min-width: 1280px) {
-  .container {
-    max-width: 1280px;
-  }
-}
-@media (min-width: 1536px) {
-  .container {
-    max-width: 1536px;
-  }
-}
-.pointer-events-none {
-  pointer-events: none;
-}
-.fixed {
-  position: fixed;
-}
-.absolute {
-  position: absolute;
-}
-.relative {
-  position: relative;
-}
-.inset-0 {
-  inset: 0px;
-}
-.bottom-0 {
-  bottom: 0px;
-}
-.bottom-6 {
-  bottom: 1.5rem;
-}
-.right-0 {
-  right: 0px;
-}
-.right-3 {
-  right: 0.75rem;
-}
-.right-6 {
-  right: 1.5rem;
-}
-.top-1 {
-  top: 0.25rem;
-}
-.z-\\[9999\\] {
-  z-index: 9999;
-}
-.col-start-1 {
-  grid-column-start: 1;
-}
-.row-start-1 {
-  grid-row-start: 1;
-}
-.mb-2 {
-  margin-bottom: 0.5rem;
-}
-.mb-4 {
-  margin-bottom: 1rem;
-}
-.ml-2 {
-  margin-left: 0.5rem;
-}
-.mr-2 {
-  margin-right: 0.5rem;
-}
-.mt-2 {
-  margin-top: 0.5rem;
-}
-.mt-4 {
-  margin-top: 1rem;
-}
-.mt-5 {
-  margin-top: 1.25rem;
-}
-.mt-auto {
-  margin-top: auto;
-}
-.line-clamp-2 {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-}
-.inline {
-  display: inline;
-}
-.flex {
-  display: flex;
-}
-.inline-flex {
-  display: inline-flex;
-}
-.grid {
-  display: grid;
-}
-.aspect-square {
-  aspect-ratio: 1 / 1;
-}
-.h-10 {
-  height: 2.5rem;
-}
-.h-3 {
-  height: 0.75rem;
-}
-.h-4 {
-  height: 1rem;
-}
-.h-5 {
-  height: 1.25rem;
-}
-.h-6 {
-  height: 1.5rem;
-}
-.h-8 {
-  height: 2rem;
-}
-.h-9 {
-  height: 2.25rem;
-}
-.h-\\[calc\\(100vh-3rem\\)\\] {
-  height: calc(100vh - 3rem);
-}
-.h-full {
-  height: 100%;
-}
-.min-h-0 {
-  min-height: 0px;
-}
-.w-1\\/2 {
-  width: 50%;
-}
-.w-10 {
-  width: 2.5rem;
-}
-.w-3 {
-  width: 0.75rem;
-}
-.w-4 {
-  width: 1rem;
-}
-.w-5 {
-  width: 1.25rem;
-}
-.w-6 {
-  width: 1.5rem;
-}
-.w-8 {
-  width: 2rem;
-}
-.w-9 {
-  width: 2.25rem;
-}
-.w-\\[calc\\(100vw-3rem\\)\\] {
-  width: calc(100vw - 3rem);
-}
-.w-full {
-  width: 100%;
-}
-.flex-1 {
-  flex: 1 1 0%;
-}
-.flex-shrink-0 {
-  flex-shrink: 0;
-}
-.origin-center {
-  transform-origin: center;
-}
-.translate-y-0 {
-  --tw-translate-y: 0px;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.-rotate-90 {
-  --tw-rotate: -90deg;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.rotate-180 {
-  --tw-rotate: 180deg;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.rotate-90 {
-  --tw-rotate: 90deg;
-  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));
-}
-.transform {
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.cursor-grab {
-  cursor: grab;
-}
-.cursor-grabbing {
-  cursor: grabbing;
-}
-.cursor-not-allowed {
-  cursor: not-allowed;
-}
-.cursor-pointer {
-  cursor: pointer;
-}
-.select-none {
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-}
-.grid-cols-1 {
-  grid-template-columns: repeat(1, minmax(0, 1fr));
-}
-.grid-cols-2 {
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-.grid-cols-4 {
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-}
-.flex-col {
-  flex-direction: column;
-}
-.place-items-center {
-  place-items: center;
-}
-.items-center {
-  align-items: center;
-}
-.justify-center {
-  justify-content: center;
-}
-.justify-between {
-  justify-content: space-between;
-}
-.gap-1 {
-  gap: 0.25rem;
-}
-.gap-2 {
-  gap: 0.5rem;
-}
-.gap-3 {
-  gap: 0.75rem;
-}
-.gap-4 {
-  gap: 1rem;
-}
-.gap-5 {
-  gap: 1.25rem;
-}
-.gap-x-6 {
-  -moz-column-gap: 1.5rem;
-       column-gap: 1.5rem;
-}
-.gap-y-3 {
-  row-gap: 0.75rem;
-}
-.space-x-2 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
-}
-.space-x-4 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(1rem * var(--tw-space-x-reverse));
-  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
-}
-.space-y-2 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
-}
-.space-y-3 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
-}
-.space-y-4 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
-}
-.space-y-6 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
-}
-.overflow-hidden {
-  overflow: hidden;
-}
-.overflow-x-auto {
-  overflow-x: auto;
-}
-.overflow-y-auto {
-  overflow-y: auto;
-}
-.truncate {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.whitespace-nowrap {
-  white-space: nowrap;
-}
-.break-all {
-  word-break: break-all;
-}
-.rounded {
-  border-radius: 0.25rem;
-}
-.rounded-full {
-  border-radius: 9999px;
-}
-.rounded-lg {
-  border-radius: 0.5rem;
-}
-.rounded-md {
-  border-radius: 0.375rem;
-}
-.rounded-xl {
-  border-radius: 0.75rem;
-}
-.border {
-  border-width: 1px;
-}
-.border-2 {
-  border-width: 2px;
-}
-.border-b {
-  border-bottom-width: 1px;
-}
-.border-b-2 {
-  border-bottom-width: 2px;
-}
-.border-l {
-  border-left-width: 1px;
-}
-.border-r {
-  border-right-width: 1px;
-}
-.border-t {
-  border-top-width: 1px;
-}
-.border-border {
-  border-color: var(--color-border);
-}
-.border-current {
-  border-color: currentColor;
-}
-.border-emerald-300 {
-  --tw-border-opacity: 1;
-  border-color: rgb(110 231 183 / var(--tw-border-opacity, 1));
-}
-.border-b-transparent {
-  border-bottom-color: transparent;
-}
-.border-t-transparent {
-  border-top-color: transparent;
-}
-.bg-accent {
-  background-color: var(--color-accent);
-}
-.bg-background {
-  background-color: var(--color-background);
-}
-.bg-black\\/20 {
-  background-color: rgb(0 0 0 / 0.2);
-}
-.bg-card-item-bg {
-  background-color: var(--color-card-item-bg);
-}
-.bg-emerald-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
-}
-.bg-input {
-  background-color: var(--color-input);
-}
-.object-cover {
-  -o-object-fit: cover;
-     object-fit: cover;
-}
-.p-1 {
-  padding: 0.25rem;
-}
-.p-2 {
-  padding: 0.5rem;
-}
-.p-2\\.5 {
-  padding: 0.625rem;
-}
-.p-3 {
-  padding: 0.75rem;
-}
-.p-3\\.5 {
-  padding: 0.875rem;
-}
-.p-4 {
-  padding: 1rem;
-}
-.p-5 {
-  padding: 1.25rem;
-}
-.px-2 {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-.px-3 {
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-}
-.px-4 {
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
-.py-1 {
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-}
-.py-2 {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
-.py-3 {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-}
-.pb-4 {
-  padding-bottom: 1rem;
-}
-.font-mono {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-}
-.font-sans {
-  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-}
-.text-2xl {
-  font-size: 1.5rem;
-  line-height: 2rem;
-}
-.text-3xl {
-  font-size: 1.875rem;
-  line-height: 2.25rem;
-}
-.text-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-}
-.text-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}
-.text-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}
-.text-xl {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-}
-.text-xs {
-  font-size: 0.75rem;
-  line-height: 1rem;
-}
-.font-medium {
-  font-weight: 500;
-}
-.font-semibold {
-  font-weight: 600;
-}
-.text-accent {
-  color: var(--color-accent);
-}
-.text-amber-400 {
-  --tw-text-opacity: 1;
-  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
-}
-.text-blue-400 {
-  --tw-text-opacity: 1;
-  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
-}
-.text-emerald-700 {
-  --tw-text-opacity: 1;
-  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
-}
-.text-foreground {
-  color: var(--color-foreground);
-}
-.text-green-400 {
-  --tw-text-opacity: 1;
-  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
-}
-.text-muted-foreground {
-  color: var(--color-muted-foreground);
-}
-.text-pink-400 {
-  --tw-text-opacity: 1;
-  color: rgb(244 114 182 / var(--tw-text-opacity, 1));
-}
-.text-primary {
-  color: var(--color-primary);
-}
-.text-purple-400 {
-  --tw-text-opacity: 1;
-  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
-}
-.text-red-400 {
-  --tw-text-opacity: 1;
-  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
-}
-.text-violet-400 {
-  --tw-text-opacity: 1;
-  color: rgb(167 139 250 / var(--tw-text-opacity, 1));
-}
-.text-white {
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
-}
-.placeholder-muted-foreground::-moz-placeholder {
-  color: var(--color-muted-foreground);
-}
-.placeholder-muted-foreground::placeholder {
-  color: var(--color-muted-foreground);
-}
-.opacity-90 {
-  opacity: 0.9;
-}
-.shadow-lg {
-  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.shadow-sm {
-  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.outline-none {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-}
-.drop-shadow-md {
-  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.filter {
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.backdrop-blur-lg {
-  --tw-backdrop-blur: blur(16px);
-  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}
-.backdrop-blur-md {
-  --tw-backdrop-blur: blur(12px);
-  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}
-.transition {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.transition-all {
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.transition-colors {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.transition-transform {
-  transition-property: transform;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.duration-200 {
-  transition-duration: 200ms;
-}
-.duration-300 {
-  transition-duration: 300ms;
-}
-.ease-in-out {
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-}
-.ease-out {
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}
-.custom-scrollbar {
-    scrollbar-width: thin;
-    scrollbar-color: var(--color-scrollbar-thumb) transparent;
-  }
-.custom-scrollbar::-webkit-scrollbar {
-    width: 6px;
-  }
-.custom-scrollbar::-webkit-scrollbar-track {
-    background: transparent;
-  }
-.custom-scrollbar::-webkit-scrollbar-thumb {
-    background-color: var(--color-scrollbar-thumb);
-    border-radius: 20px;
-  }
-.custom-scrollbar::-webkit-scrollbar-thumb:hover {
-    background-color: var(--color-scrollbar-thumb-hover);
-  }
-
-:root {
-  --theme-name: 'light';
-  --color-background: #ffffff;
-  --color-foreground: #000000;
-  --color-primary: #10b981;
-  --color-primary-hover: #f2f2f2; /* green-600 */
-  --color-primary-active: #047857; /* green-700 */
-  --color-secondary: #6b7280; /* Tailwind's secondary.light */
-  --color-border: #e5e7eb;
-  --color-card: #f3f4f6;
-
-  /* Specific variables based on existing CSS (light theme equivalents) */
-
-  --color-card-item-bg: rgba(0, 0, 0, 0.02); /* For rgba(255,255,255,0.03) 1 */
-  --color-card-item-hover-bg: rgba(
-    0,
-    0,
-    0,
-    0.03
-  ); /* For rgba(255,255,255,0.05) 1*/
-
-  /* Scrollbar variables */
-  --color-scrollbar-thumb: #d1d5db;
-  --color-scrollbar-thumb-hover: #a1a1aa;
-
-  /* Tailwind semantic variables */
-  --color-muted: #9ca3af; /* Similar to existing --color-text-subtle */
-  --color-accent: #10b981; /* Green accent */
-  --color-input: var(--color-border); /* Alias to border */
-  --color-ring: var(--color-primary); /* Alias to primary */
-}
-
-/*
-    Please note: The variable definitions here should be kept consistent with the definitions
-    in the @media (prefers-color-scheme: dark) block below.
-*/
-:root[data-theme='dark'] {
-  --theme-name: 'dark';
-  --color-background: #18181b;
-  --color-foreground: #ffffff;
-  --color-primary: #34d399; /* Tailwind's primary.dark */
-  --color-primary-hover: #10b981; /* green-500 */
-  --color-primary-active: #059669; /* green-600 */
-  --color-secondary: #9ca3af; /* Tailwind's secondary.dark */
-  --color-border: #374151;
-  --color-card: #27272a;
-
-  /* Specific variables based on existing CSS (dark theme) */
-  --color-card-item-bg: rgba(255, 255, 255, 0.03);
-  --color-card-item-hover-bg: rgba(255, 255, 255, 0.05);
-
-  /* Scrollbar variables */
-  --color-scrollbar-thumb: #3f3f46;
-  --color-scrollbar-thumb-hover: #52525b;
-
-  /* Tailwind semantic variables */
-  --color-muted: #374151; /* Similar to existing html.dark --color-border */
-  --color-muted-foreground: #9ca3af; /* Similar to existing html.dark --color-secondary */
-  --color-accent: #10b981; /* Matches existing html.dark --color-icon-accent */
-  --color-input: var(--color-border); /* Alias to border */
-  --color-ring: var(--color-primary); /* Alias to primary */
-}
-
-@media (prefers-color-scheme: dark) {
-  /*
-    Please note: The variable definitions here should be kept consistent with the definitions
-    in the :root[data-theme='dark'] block above.
-  */
-  :root:not([data-theme]) {
-    --theme-name: 'dark';
-    --color-background: #18181b;
-    --color-foreground: #ffffff;
-    --color-primary: #10b981; /* Tailwind's primary.dark */
-    --color-secondary: #9ca3af; /* Tailwind's secondary.dark */
-    --color-border: #374151;
-    --color-card: #27272a;
-
-    /* Specific variables based on existing CSS (dark theme) */
-    --color-card-item-bg: rgba(255, 255, 255, 0.03);
-    --color-card-item-hover-bg: rgba(255, 255, 255, 0.05);
-
-    /* Scrollbar variables */
-    --color-scrollbar-thumb: #3f3f46;
-    --color-scrollbar-thumb-hover: #52525b;
-
-    /* Tailwind semantic variables */
-    --color-muted: #374151; /* Similar to existing html.dark --color-border */
-    --color-muted-foreground: #9ca3af; /* Similar to existing html.dark --color-secondary */
-    --color-accent: #10b981; /* Matches existing html.dark --color-icon-accent */
-    --color-input: var(--color-border); /* Alias to border */
-    --color-ring: var(--color-primary); /* Alias to primary */
-  }
-}
-
-.hover\\:-translate-y-0\\.5:hover {
-  --tw-translate-y: -0.125rem;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.hover\\:bg-card-item-hover-bg:hover {
-  background-color: var(--color-card-item-hover-bg);
-}
-
-.hover\\:bg-primary-hover:hover {
-  background-color: var(--color-primary-hover);
-}
-
-.hover\\:text-foreground:hover {
-  color: var(--color-foreground);
-}
-
-.hover\\:underline:hover {
-  text-decoration-line: underline;
-}
-
-.hover\\:opacity-60:hover {
-  opacity: 0.6;
-}
-
-.focus\\:border-ring:focus {
-  border-color: var(--color-ring);
-}
-
-.focus\\:ring-primary-active:focus {
-  --tw-ring-color: var(--color-primary-active);
-}
-
-.focus\\:ring-offset-0:focus {
-  --tw-ring-offset-width: 0px;
-}
-
-.group:hover .group-hover\\:scale-110 {
-  --tw-scale-x: 1.1;
-  --tw-scale-y: 1.1;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.group:active .group-active\\:scale-75 {
-  --tw-scale-x: .75;
-  --tw-scale-y: .75;
-  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));
-}
-
-.dark\\:border-\\[\\#374151\\]:is(html[data-theme="dark"] *) {
-  --tw-border-opacity: 1;
-  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
-}
-
-.dark\\:border-emerald-700\\/40:is(html[data-theme="dark"] *) {
-  border-color: rgb(4 120 87 / 0.4);
-}
-
-.dark\\:bg-\\[\\#1F2937\\]:is(html[data-theme="dark"] *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
-}
-
-.dark\\:bg-emerald-900\\/30:is(html[data-theme="dark"] *) {
-  background-color: rgb(6 78 59 / 0.3);
-}
-
-.dark\\:text-emerald-300:is(html[data-theme="dark"] *) {
-  --tw-text-opacity: 1;
-  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
-}
-
-.dark\\:text-violet-300:is(html[data-theme="dark"] *) {
-  --tw-text-opacity: 1;
-  color: rgb(196 181 253 / var(--tw-text-opacity, 1));
-}
-
-@media (min-width: 640px) {
-  .sm\\:grid-cols-2 {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-  .sm\\:grid-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-}
-
-@media (min-width: 768px) {
-  .md\\:grid-cols-2 {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-  .md\\:grid-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-}
-
-@media (min-width: 1024px) {
-  .lg\\:grid-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-  .lg\\:grid-cols-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-}
-`;
+const globalCss = '/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n@layer properties {\n  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    *, :before, :after, ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n      --tw-space-y-reverse: 0;\n      --tw-space-x-reverse: 0;\n      --tw-divide-y-reverse: 0;\n      --tw-border-style: solid;\n      --tw-gradient-position: initial;\n      --tw-gradient-from: #0000;\n      --tw-gradient-via: #0000;\n      --tw-gradient-to: #0000;\n      --tw-gradient-stops: initial;\n      --tw-gradient-via-stops: initial;\n      --tw-gradient-from-position: 0%;\n      --tw-gradient-via-position: 50%;\n      --tw-gradient-to-position: 100%;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-blur: initial;\n      --tw-brightness: initial;\n      --tw-contrast: initial;\n      --tw-grayscale: initial;\n      --tw-hue-rotate: initial;\n      --tw-invert: initial;\n      --tw-opacity: initial;\n      --tw-saturate: initial;\n      --tw-sepia: initial;\n      --tw-drop-shadow: initial;\n      --tw-drop-shadow-color: initial;\n      --tw-drop-shadow-alpha: 100%;\n      --tw-drop-shadow-size: initial;\n      --tw-backdrop-blur: initial;\n      --tw-backdrop-brightness: initial;\n      --tw-backdrop-contrast: initial;\n      --tw-backdrop-grayscale: initial;\n      --tw-backdrop-hue-rotate: initial;\n      --tw-backdrop-invert: initial;\n      --tw-backdrop-opacity: initial;\n      --tw-backdrop-saturate: initial;\n      --tw-backdrop-sepia: initial;\n      --tw-duration: initial;\n      --tw-ease: initial;\n      --tw-scale-x: 1;\n      --tw-scale-y: 1;\n      --tw-scale-z: 1;\n    }\n  }\n}\n\n@layer theme {\n  :root, :host {\n    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;\n    --color-red-400: oklch(70.4% .191 22.216);\n    --color-amber-400: oklch(82.8% .189 84.429);\n    --color-green-400: oklch(79.2% .209 151.711);\n    --color-emerald-100: oklch(95% .052 163.051);\n    --color-emerald-300: oklch(84.5% .143 164.978);\n    --color-emerald-700: oklch(50.8% .118 165.612);\n    --color-emerald-900: oklch(37.8% .077 168.94);\n    --color-blue-400: oklch(70.7% .165 254.624);\n    --color-violet-300: oklch(81.1% .111 293.571);\n    --color-violet-400: oklch(70.2% .183 293.541);\n    --color-purple-400: oklch(71.4% .203 305.504);\n    --color-pink-400: oklch(71.8% .202 349.761);\n    --color-black: #000;\n    --color-white: #fff;\n    --spacing: .25rem;\n    --text-xs: .75rem;\n    --text-xs--line-height: calc(1 / .75);\n    --text-sm: .875rem;\n    --text-sm--line-height: calc(1.25 / .875);\n    --text-base: 1rem;\n    --text-base--line-height: calc(1.5 / 1);\n    --text-lg: 1.125rem;\n    --text-lg--line-height: calc(1.75 / 1.125);\n    --text-xl: 1.25rem;\n    --text-xl--line-height: calc(1.75 / 1.25);\n    --text-2xl: 1.5rem;\n    --text-2xl--line-height: calc(2 / 1.5);\n    --text-3xl: 1.875rem;\n    --text-3xl--line-height: calc(2.25 / 1.875);\n    --font-weight-medium: 500;\n    --font-weight-semibold: 600;\n    --font-weight-bold: 700;\n    --leading-relaxed: 1.625;\n    --radius-md: .375rem;\n    --radius-lg: .5rem;\n    --radius-xl: .75rem;\n    --drop-shadow-md: 0 3px 3px #0000001f;\n    --ease-out: cubic-bezier(0, 0, .2, 1);\n    --ease-in-out: cubic-bezier(.4, 0, .2, 1);\n    --animate-spin: spin 1s linear infinite;\n    --blur-md: 12px;\n    --blur-lg: 16px;\n    --default-transition-duration: .15s;\n    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n    --color-background: #fff;\n    --color-foreground: #000;\n    --color-primary: #10b981;\n    --color-primary-active: #047857;\n    --color-muted-foreground: #6b7280;\n    --color-accent: #10b981;\n    --color-border: #e5e7eb;\n    --color-card: #f2f2f2;\n    --color-card-item-bg: #00000005;\n    --color-card-item-hover-bg: #00000008;\n  }\n}\n\n@layer base {\n  *, :after, :before, ::backdrop {\n    box-sizing: border-box;\n    border: 0 solid;\n    margin: 0;\n    padding: 0;\n  }\n\n  ::file-selector-button {\n    box-sizing: border-box;\n    border: 0 solid;\n    margin: 0;\n    padding: 0;\n  }\n\n  html, :host {\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    line-height: 1.5;\n    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    -webkit-text-decoration: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n\n  b, strong {\n    font-weight: bolder;\n  }\n\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n\n  small {\n    font-size: 80%;\n  }\n\n  sub, sup {\n    vertical-align: baseline;\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n  }\n\n  sub {\n    bottom: -.25em;\n  }\n\n  sup {\n    top: -.5em;\n  }\n\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n\n  :-moz-focusring {\n    outline: auto;\n  }\n\n  progress {\n    vertical-align: baseline;\n  }\n\n  summary {\n    display: list-item;\n  }\n\n  ol, ul, menu {\n    list-style: none;\n  }\n\n  img, svg, video, canvas, audio, iframe, embed, object {\n    vertical-align: middle;\n    display: block;\n  }\n\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n\n  button, input, select, optgroup, textarea {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    opacity: 1;\n    background-color: #0000;\n    border-radius: 0;\n  }\n\n  ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    opacity: 1;\n    background-color: #0000;\n    border-radius: 0;\n  }\n\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n\n  ::placeholder {\n    opacity: 1;\n  }\n\n  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentColor;\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      ::placeholder {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n\n  textarea {\n    resize: vertical;\n  }\n\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n\n  ::-webkit-datetime-edit {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-year-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-month-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-day-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-hour-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-minute-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-second-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-millisecond-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-calendar-picker-indicator {\n    line-height: 1;\n  }\n\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n\n  button, input:where([type="button"], [type="reset"], [type="submit"]) {\n    appearance: button;\n  }\n\n  ::file-selector-button {\n    appearance: button;\n  }\n\n  ::-webkit-inner-spin-button {\n    height: auto;\n  }\n\n  ::-webkit-outer-spin-button {\n    height: auto;\n  }\n\n  [hidden]:where(:not([hidden="until-found"])) {\n    display: none !important;\n  }\n}\n\n@layer components;\n\n@layer utilities {\n  .qwik-devtools .pointer-events-none {\n    pointer-events: none;\n  }\n\n  .qwik-devtools .visible {\n    visibility: visible;\n  }\n\n  .qwik-devtools .absolute {\n    position: absolute;\n  }\n\n  .qwik-devtools .fixed {\n    position: fixed;\n  }\n\n  .qwik-devtools .relative {\n    position: relative;\n  }\n\n  .qwik-devtools .static {\n    position: static;\n  }\n\n  .qwik-devtools .inset-0 {\n    inset: calc(var(--spacing) * 0);\n  }\n\n  .qwik-devtools .right-0 {\n    right: calc(var(--spacing) * 0);\n  }\n\n  .qwik-devtools .right-6 {\n    right: calc(var(--spacing) * 6);\n  }\n\n  .qwik-devtools .bottom-0 {\n    bottom: calc(var(--spacing) * 0);\n  }\n\n  .qwik-devtools .bottom-6 {\n    bottom: calc(var(--spacing) * 6);\n  }\n\n  .qwik-devtools .z-\\[9999\\] {\n    z-index: 9999;\n  }\n\n  .qwik-devtools .col-start-1 {\n    grid-column-start: 1;\n  }\n\n  .qwik-devtools .row-start-1 {\n    grid-row-start: 1;\n  }\n\n  .qwik-devtools .container {\n    width: 100%;\n  }\n\n  @media (min-width: 40rem) {\n    .qwik-devtools .container {\n      max-width: 40rem;\n    }\n  }\n\n  @media (min-width: 48rem) {\n    .qwik-devtools .container {\n      max-width: 48rem;\n    }\n  }\n\n  @media (min-width: 64rem) {\n    .qwik-devtools .container {\n      max-width: 64rem;\n    }\n  }\n\n  @media (min-width: 80rem) {\n    .qwik-devtools .container {\n      max-width: 80rem;\n    }\n  }\n\n  @media (min-width: 96rem) {\n    .qwik-devtools .container {\n      max-width: 96rem;\n    }\n  }\n\n  .qwik-devtools .mt-1 {\n    margin-top: calc(var(--spacing) * 1);\n  }\n\n  .qwik-devtools .mt-4 {\n    margin-top: calc(var(--spacing) * 4);\n  }\n\n  .qwik-devtools .mt-5 {\n    margin-top: calc(var(--spacing) * 5);\n  }\n\n  .qwik-devtools .mt-6 {\n    margin-top: calc(var(--spacing) * 6);\n  }\n\n  .qwik-devtools .mt-auto {\n    margin-top: auto;\n  }\n\n  .qwik-devtools .mr-2 {\n    margin-right: calc(var(--spacing) * 2);\n  }\n\n  .qwik-devtools .mb-1\\.5 {\n    margin-bottom: calc(var(--spacing) * 1.5);\n  }\n\n  .qwik-devtools .mb-2 {\n    margin-bottom: calc(var(--spacing) * 2);\n  }\n\n  .qwik-devtools .mb-3 {\n    margin-bottom: calc(var(--spacing) * 3);\n  }\n\n  .qwik-devtools .mb-4 {\n    margin-bottom: calc(var(--spacing) * 4);\n  }\n\n  .qwik-devtools .ml-2 {\n    margin-left: calc(var(--spacing) * 2);\n  }\n\n  .qwik-devtools .line-clamp-2 {\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    display: -webkit-box;\n    overflow: hidden;\n  }\n\n  .qwik-devtools .flex {\n    display: flex;\n  }\n\n  .qwik-devtools .grid {\n    display: grid;\n  }\n\n  .qwik-devtools .hidden {\n    display: none;\n  }\n\n  .qwik-devtools .inline-flex {\n    display: inline-flex;\n  }\n\n  .qwik-devtools .aspect-square {\n    aspect-ratio: 1;\n  }\n\n  .qwik-devtools .h-3 {\n    height: calc(var(--spacing) * 3);\n  }\n\n  .qwik-devtools .h-4 {\n    height: calc(var(--spacing) * 4);\n  }\n\n  .qwik-devtools .h-5 {\n    height: calc(var(--spacing) * 5);\n  }\n\n  .qwik-devtools .h-6 {\n    height: calc(var(--spacing) * 6);\n  }\n\n  .qwik-devtools .h-7 {\n    height: calc(var(--spacing) * 7);\n  }\n\n  .qwik-devtools .h-8 {\n    height: calc(var(--spacing) * 8);\n  }\n\n  .qwik-devtools .h-9 {\n    height: calc(var(--spacing) * 9);\n  }\n\n  .qwik-devtools .h-10 {\n    height: calc(var(--spacing) * 10);\n  }\n\n  .qwik-devtools .h-12 {\n    height: calc(var(--spacing) * 12);\n  }\n\n  .qwik-devtools .h-\\[60vh\\] {\n    height: 60vh;\n  }\n\n  .qwik-devtools .h-\\[calc\\(100vh-3rem\\)\\] {\n    height: calc(100vh - 3rem);\n  }\n\n  .qwik-devtools .h-full {\n    height: 100%;\n  }\n\n  .qwik-devtools .min-h-0 {\n    min-height: calc(var(--spacing) * 0);\n  }\n\n  .qwik-devtools .min-h-\\[2\\.5rem\\] {\n    min-height: 2.5rem;\n  }\n\n  .qwik-devtools .w-1\\/2 {\n    width: 50%;\n  }\n\n  .qwik-devtools .w-3 {\n    width: calc(var(--spacing) * 3);\n  }\n\n  .qwik-devtools .w-4 {\n    width: calc(var(--spacing) * 4);\n  }\n\n  .qwik-devtools .w-5 {\n    width: calc(var(--spacing) * 5);\n  }\n\n  .qwik-devtools .w-6 {\n    width: calc(var(--spacing) * 6);\n  }\n\n  .qwik-devtools .w-7 {\n    width: calc(var(--spacing) * 7);\n  }\n\n  .qwik-devtools .w-8 {\n    width: calc(var(--spacing) * 8);\n  }\n\n  .qwik-devtools .w-9 {\n    width: calc(var(--spacing) * 9);\n  }\n\n  .qwik-devtools .w-10 {\n    width: calc(var(--spacing) * 10);\n  }\n\n  .qwik-devtools .w-12 {\n    width: calc(var(--spacing) * 12);\n  }\n\n  .qwik-devtools .w-\\[420px\\] {\n    width: 420px;\n  }\n\n  .qwik-devtools .w-\\[calc\\(100vw-3rem\\)\\] {\n    width: calc(100vw - 3rem);\n  }\n\n  .qwik-devtools .w-full {\n    width: 100%;\n  }\n\n  .qwik-devtools .min-w-0 {\n    min-width: calc(var(--spacing) * 0);\n  }\n\n  .qwik-devtools .min-w-\\[320px\\] {\n    min-width: 320px;\n  }\n\n  .qwik-devtools .flex-1 {\n    flex: 1;\n  }\n\n  .qwik-devtools .flex-shrink-0, .qwik-devtools .shrink-0 {\n    flex-shrink: 0;\n  }\n\n  .qwik-devtools .origin-center {\n    transform-origin: center;\n  }\n\n  .qwik-devtools .translate-y-0 {\n    --tw-translate-y: calc(var(--spacing) * 0);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .qwik-devtools .-rotate-90 {\n    rotate: -90deg;\n  }\n\n  .qwik-devtools .rotate-90 {\n    rotate: 90deg;\n  }\n\n  .qwik-devtools .rotate-180 {\n    rotate: 180deg;\n  }\n\n  .qwik-devtools .transform {\n    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );\n  }\n\n  .qwik-devtools .animate-spin {\n    animation: var(--animate-spin);\n  }\n\n  .qwik-devtools .cursor-grab {\n    cursor: grab;\n  }\n\n  .qwik-devtools .cursor-grabbing {\n    cursor: grabbing;\n  }\n\n  .qwik-devtools .cursor-not-allowed {\n    cursor: not-allowed;\n  }\n\n  .qwik-devtools .cursor-pointer {\n    cursor: pointer;\n  }\n\n  .qwik-devtools .resize-none {\n    resize: none;\n  }\n\n  .qwik-devtools .grid-cols-1 {\n    grid-template-columns: repeat(1, minmax(0, 1fr));\n  }\n\n  .qwik-devtools .grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .qwik-devtools .grid-cols-3 {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  .qwik-devtools .grid-cols-4 {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n\n  .qwik-devtools .flex-col {\n    flex-direction: column;\n  }\n\n  .qwik-devtools .place-items-center {\n    place-items: center;\n  }\n\n  .qwik-devtools .items-center {\n    align-items: center;\n  }\n\n  .qwik-devtools .items-start {\n    align-items: flex-start;\n  }\n\n  .qwik-devtools .justify-between {\n    justify-content: space-between;\n  }\n\n  .qwik-devtools .justify-center {\n    justify-content: center;\n  }\n\n  .qwik-devtools .gap-1 {\n    gap: calc(var(--spacing) * 1);\n  }\n\n  .qwik-devtools .gap-1\\.5 {\n    gap: calc(var(--spacing) * 1.5);\n  }\n\n  .qwik-devtools .gap-2 {\n    gap: calc(var(--spacing) * 2);\n  }\n\n  .qwik-devtools .gap-3 {\n    gap: calc(var(--spacing) * 3);\n  }\n\n  .qwik-devtools .gap-4 {\n    gap: calc(var(--spacing) * 4);\n  }\n\n  .qwik-devtools .gap-5 {\n    gap: calc(var(--spacing) * 5);\n  }\n\n  :where(.qwik-devtools .space-y-2 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  :where(.qwik-devtools .space-y-3 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  :where(.qwik-devtools .space-y-4 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  :where(.qwik-devtools .space-y-6 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  .qwik-devtools .gap-x-6 {\n    column-gap: calc(var(--spacing) * 6);\n  }\n\n  :where(.qwik-devtools .space-x-2 > :not(:last-child)) {\n    --tw-space-x-reverse: 0;\n    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));\n    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));\n  }\n\n  :where(.qwik-devtools .space-x-4 > :not(:last-child)) {\n    --tw-space-x-reverse: 0;\n    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));\n    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));\n  }\n\n  .qwik-devtools .gap-y-3 {\n    row-gap: calc(var(--spacing) * 3);\n  }\n\n  :where(.qwik-devtools .divide-y > :not(:last-child)) {\n    --tw-divide-y-reverse: 0;\n    border-bottom-style: var(--tw-border-style);\n    border-top-style: var(--tw-border-style);\n    border-top-width: calc(1px * var(--tw-divide-y-reverse));\n    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n  }\n\n  :where(.qwik-devtools .divide-border > :not(:last-child)) {\n    border-color: var(--color-border);\n  }\n\n  .qwik-devtools .truncate {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n  }\n\n  .qwik-devtools .overflow-auto {\n    overflow: auto;\n  }\n\n  .qwik-devtools .overflow-hidden {\n    overflow: hidden;\n  }\n\n  .qwik-devtools .overflow-x-auto {\n    overflow-x: auto;\n  }\n\n  .qwik-devtools .overflow-y-auto {\n    overflow-y: auto;\n  }\n\n  .qwik-devtools .rounded {\n    border-radius: .25rem;\n  }\n\n  .qwik-devtools .rounded-full {\n    border-radius: 3.40282e38px;\n  }\n\n  .qwik-devtools .rounded-lg {\n    border-radius: var(--radius-lg);\n  }\n\n  .qwik-devtools .rounded-md {\n    border-radius: var(--radius-md);\n  }\n\n  .qwik-devtools .rounded-xl {\n    border-radius: var(--radius-xl);\n  }\n\n  .qwik-devtools .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n\n  .qwik-devtools .border-2 {\n    border-style: var(--tw-border-style);\n    border-width: 2px;\n  }\n\n  .qwik-devtools .border-t {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n\n  .qwik-devtools .border-r {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 1px;\n  }\n\n  .qwik-devtools .border-b {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n\n  .qwik-devtools .border-b-2 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 2px;\n  }\n\n  .qwik-devtools .border-l {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 1px;\n  }\n\n  .qwik-devtools .border-accent\\/30 {\n    border-color: #10b9814d;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .border-accent\\/30 {\n      border-color: color-mix(in oklab, var(--color-accent) 30%, transparent);\n    }\n  }\n\n  .qwik-devtools .border-accent\\/50 {\n    border-color: #10b98180;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .border-accent\\/50 {\n      border-color: color-mix(in oklab, var(--color-accent) 50%, transparent);\n    }\n  }\n\n  .qwik-devtools .border-border {\n    border-color: var(--color-border);\n  }\n\n  .qwik-devtools .border-border\\/50 {\n    border-color: #e5e7eb80;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .border-border\\/50 {\n      border-color: color-mix(in oklab, var(--color-border) 50%, transparent);\n    }\n  }\n\n  .qwik-devtools .border-current {\n    border-color: currentColor;\n  }\n\n  .qwik-devtools .border-emerald-300 {\n    border-color: var(--color-emerald-300);\n  }\n\n  .qwik-devtools .border-primary\\/20 {\n    border-color: #10b98133;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .border-primary\\/20 {\n      border-color: color-mix(in oklab, var(--color-primary) 20%, transparent);\n    }\n  }\n\n  .qwik-devtools .border-t-foreground\\/40 {\n    border-top-color: #0006;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .border-t-foreground\\/40 {\n      border-top-color: color-mix(in oklab, var(--color-foreground) 40%, transparent);\n    }\n  }\n\n  .qwik-devtools .border-t-transparent {\n    border-top-color: #0000;\n  }\n\n  .qwik-devtools .border-b-transparent {\n    border-bottom-color: #0000;\n  }\n\n  .qwik-devtools .bg-accent {\n    background-color: var(--color-accent);\n  }\n\n  .qwik-devtools .bg-background {\n    background-color: var(--color-background);\n  }\n\n  .qwik-devtools .bg-background\\/95 {\n    background-color: #fffffff2;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .bg-background\\/95 {\n      background-color: color-mix(in oklab, var(--color-background) 95%, transparent);\n    }\n  }\n\n  .qwik-devtools .bg-black\\/20 {\n    background-color: #0003;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .bg-black\\/20 {\n      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);\n    }\n  }\n\n  .qwik-devtools .bg-card {\n    background-color: var(--color-card);\n  }\n\n  .qwik-devtools .bg-card-item-bg {\n    background-color: var(--color-card-item-bg);\n  }\n\n  .qwik-devtools .bg-emerald-100 {\n    background-color: var(--color-emerald-100);\n  }\n\n  .qwik-devtools .bg-foreground\\/5 {\n    background-color: #0000000d;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .bg-foreground\\/5 {\n      background-color: color-mix(in oklab, var(--color-foreground) 5%, transparent);\n    }\n  }\n\n  .qwik-devtools .bg-primary\\/5 {\n    background-color: #10b9810d;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .bg-primary\\/5 {\n      background-color: color-mix(in oklab, var(--color-primary) 5%, transparent);\n    }\n  }\n\n  .qwik-devtools .bg-primary\\/10 {\n    background-color: #10b9811a;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .bg-primary\\/10 {\n      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);\n    }\n  }\n\n  .qwik-devtools .bg-transparent {\n    background-color: #0000;\n  }\n\n  .qwik-devtools .bg-gradient-to-br {\n    --tw-gradient-position: to bottom right in oklab;\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n\n  .qwik-devtools .from-accent\\/20 {\n    --tw-gradient-from: #10b98133;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .from-accent\\/20 {\n      --tw-gradient-from: color-mix(in oklab, var(--color-accent) 20%, transparent);\n    }\n  }\n\n  .qwik-devtools .from-accent\\/20 {\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n\n  .qwik-devtools .from-primary\\/0 {\n    --tw-gradient-from: #0000;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .from-primary\\/0 {\n      --tw-gradient-from: color-mix(in oklab, var(--color-primary) 0%, transparent);\n    }\n  }\n\n  .qwik-devtools .from-primary\\/0 {\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n\n  .qwik-devtools .from-primary\\/10 {\n    --tw-gradient-from: #10b9811a;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .from-primary\\/10 {\n      --tw-gradient-from: color-mix(in oklab, var(--color-primary) 10%, transparent);\n    }\n  }\n\n  .qwik-devtools .from-primary\\/10 {\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n\n  .qwik-devtools .via-primary\\/0 {\n    --tw-gradient-via: #0000;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .via-primary\\/0 {\n      --tw-gradient-via: color-mix(in oklab, var(--color-primary) 0%, transparent);\n    }\n  }\n\n  .qwik-devtools .via-primary\\/0 {\n    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);\n    --tw-gradient-stops: var(--tw-gradient-via-stops);\n  }\n\n  .qwik-devtools .via-primary\\/20 {\n    --tw-gradient-via: #10b98133;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .via-primary\\/20 {\n      --tw-gradient-via: color-mix(in oklab, var(--color-primary) 20%, transparent);\n    }\n  }\n\n  .qwik-devtools .via-primary\\/20 {\n    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);\n    --tw-gradient-stops: var(--tw-gradient-via-stops);\n  }\n\n  .qwik-devtools .to-accent\\/40 {\n    --tw-gradient-to: #10b98166;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .to-accent\\/40 {\n      --tw-gradient-to: color-mix(in oklab, var(--color-accent) 40%, transparent);\n    }\n  }\n\n  .qwik-devtools .to-accent\\/40 {\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n\n  .qwik-devtools .to-primary\\/5 {\n    --tw-gradient-to: #10b9810d;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .to-primary\\/5 {\n      --tw-gradient-to: color-mix(in oklab, var(--color-primary) 5%, transparent);\n    }\n  }\n\n  .qwik-devtools .to-primary\\/5 {\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n\n  .qwik-devtools .to-primary\\/30 {\n    --tw-gradient-to: #10b9814d;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .to-primary\\/30 {\n      --tw-gradient-to: color-mix(in oklab, var(--color-primary) 30%, transparent);\n    }\n  }\n\n  .qwik-devtools .to-primary\\/30 {\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n\n  .qwik-devtools .object-cover {\n    object-fit: cover;\n  }\n\n  .qwik-devtools .p-0\\.5 {\n    padding: calc(var(--spacing) * .5);\n  }\n\n  .qwik-devtools .p-1 {\n    padding: calc(var(--spacing) * 1);\n  }\n\n  .qwik-devtools .p-1\\.5 {\n    padding: calc(var(--spacing) * 1.5);\n  }\n\n  .qwik-devtools .p-2 {\n    padding: calc(var(--spacing) * 2);\n  }\n\n  .qwik-devtools .p-2\\.5 {\n    padding: calc(var(--spacing) * 2.5);\n  }\n\n  .qwik-devtools .p-3 {\n    padding: calc(var(--spacing) * 3);\n  }\n\n  .qwik-devtools .p-3\\.5 {\n    padding: calc(var(--spacing) * 3.5);\n  }\n\n  .qwik-devtools .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n\n  .qwik-devtools .p-5 {\n    padding: calc(var(--spacing) * 5);\n  }\n\n  .qwik-devtools .p-8 {\n    padding: calc(var(--spacing) * 8);\n  }\n\n  .qwik-devtools .px-2 {\n    padding-inline: calc(var(--spacing) * 2);\n  }\n\n  .qwik-devtools .px-2\\.5 {\n    padding-inline: calc(var(--spacing) * 2.5);\n  }\n\n  .qwik-devtools .px-3 {\n    padding-inline: calc(var(--spacing) * 3);\n  }\n\n  .qwik-devtools .px-4 {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n\n  .qwik-devtools .py-0\\.5 {\n    padding-block: calc(var(--spacing) * .5);\n  }\n\n  .qwik-devtools .py-1 {\n    padding-block: calc(var(--spacing) * 1);\n  }\n\n  .qwik-devtools .py-1\\.5 {\n    padding-block: calc(var(--spacing) * 1.5);\n  }\n\n  .qwik-devtools .py-2 {\n    padding-block: calc(var(--spacing) * 2);\n  }\n\n  .qwik-devtools .py-3 {\n    padding-block: calc(var(--spacing) * 3);\n  }\n\n  .qwik-devtools .py-4 {\n    padding-block: calc(var(--spacing) * 4);\n  }\n\n  .qwik-devtools .py-8 {\n    padding-block: calc(var(--spacing) * 8);\n  }\n\n  .qwik-devtools .pb-4 {\n    padding-bottom: calc(var(--spacing) * 4);\n  }\n\n  .qwik-devtools .pb-6 {\n    padding-bottom: calc(var(--spacing) * 6);\n  }\n\n  .qwik-devtools .text-center {\n    text-align: center;\n  }\n\n  .qwik-devtools .text-left {\n    text-align: left;\n  }\n\n  .qwik-devtools .text-right {\n    text-align: right;\n  }\n\n  .qwik-devtools .font-mono {\n    font-family: var(--font-mono);\n  }\n\n  .qwik-devtools .font-sans {\n    font-family: var(--font-sans);\n  }\n\n  .qwik-devtools .text-2xl {\n    font-size: var(--text-2xl);\n    line-height: var(--tw-leading, var(--text-2xl--line-height));\n  }\n\n  .qwik-devtools .text-3xl {\n    font-size: var(--text-3xl);\n    line-height: var(--tw-leading, var(--text-3xl--line-height));\n  }\n\n  .qwik-devtools .text-base {\n    font-size: var(--text-base);\n    line-height: var(--tw-leading, var(--text-base--line-height));\n  }\n\n  .qwik-devtools .text-lg {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n  }\n\n  .qwik-devtools .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n\n  .qwik-devtools .text-xl {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n  }\n\n  .qwik-devtools .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n\n  .qwik-devtools .text-\\[10px\\] {\n    font-size: 10px;\n  }\n\n  .qwik-devtools .leading-relaxed {\n    --tw-leading: var(--leading-relaxed);\n    line-height: var(--leading-relaxed);\n  }\n\n  .qwik-devtools .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n\n  .qwik-devtools .font-medium {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n\n  .qwik-devtools .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n\n  .qwik-devtools .break-all {\n    word-break: break-all;\n  }\n\n  .qwik-devtools .whitespace-nowrap {\n    white-space: nowrap;\n  }\n\n  .qwik-devtools .text-accent {\n    color: var(--color-accent);\n  }\n\n  .qwik-devtools .text-amber-400 {\n    color: var(--color-amber-400);\n  }\n\n  .qwik-devtools .text-blue-400 {\n    color: var(--color-blue-400);\n  }\n\n  .qwik-devtools .text-emerald-700 {\n    color: var(--color-emerald-700);\n  }\n\n  .qwik-devtools .text-foreground {\n    color: var(--color-foreground);\n  }\n\n  .qwik-devtools .text-foreground\\/70 {\n    color: #000000b3;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .text-foreground\\/70 {\n      color: color-mix(in oklab, var(--color-foreground) 70%, transparent);\n    }\n  }\n\n  .qwik-devtools .text-green-400 {\n    color: var(--color-green-400);\n  }\n\n  .qwik-devtools .text-muted-foreground {\n    color: var(--color-muted-foreground);\n  }\n\n  .qwik-devtools .text-pink-400 {\n    color: var(--color-pink-400);\n  }\n\n  .qwik-devtools .text-primary {\n    color: var(--color-primary);\n  }\n\n  .qwik-devtools .text-primary\\/50 {\n    color: #10b98180;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .text-primary\\/50 {\n      color: color-mix(in oklab, var(--color-primary) 50%, transparent);\n    }\n  }\n\n  .qwik-devtools .text-purple-400 {\n    color: var(--color-purple-400);\n  }\n\n  .qwik-devtools .text-red-400 {\n    color: var(--color-red-400);\n  }\n\n  .qwik-devtools .text-violet-400 {\n    color: var(--color-violet-400);\n  }\n\n  .qwik-devtools .text-white {\n    color: var(--color-white);\n  }\n\n  .qwik-devtools .opacity-0 {\n    opacity: 0;\n  }\n\n  .qwik-devtools .opacity-90 {\n    opacity: .9;\n  }\n\n  .qwik-devtools .shadow {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .qwik-devtools .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .qwik-devtools .shadow-md {\n    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .qwik-devtools .shadow-sm {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .qwik-devtools .ring-2 {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .qwik-devtools .shadow-accent\\/35 {\n    --tw-shadow-color: #10b98159;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .qwik-devtools .shadow-accent\\/35 {\n      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-accent) 35%, transparent) var(--tw-shadow-alpha), transparent);\n    }\n  }\n\n  .qwik-devtools .ring-primary-active {\n    --tw-ring-color: var(--color-primary-active);\n  }\n\n  .qwik-devtools .drop-shadow-md {\n    --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, #0000001f));\n    --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));\n    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n  }\n\n  .qwik-devtools .filter {\n    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n  }\n\n  .qwik-devtools .backdrop-blur-lg {\n    --tw-backdrop-blur: blur(var(--blur-lg));\n    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n  }\n\n  .qwik-devtools .backdrop-blur-md {\n    --tw-backdrop-blur: blur(var(--blur-md));\n    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n  }\n\n  .qwik-devtools .transition {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .qwik-devtools .transition-all {\n    transition-property: all;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .qwik-devtools .transition-colors {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .qwik-devtools .transition-opacity {\n    transition-property: opacity;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .qwik-devtools .transition-transform {\n    transition-property: transform, translate, scale, rotate;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .qwik-devtools .duration-200 {\n    --tw-duration: .2s;\n    transition-duration: .2s;\n  }\n\n  .qwik-devtools .duration-300 {\n    --tw-duration: .3s;\n    transition-duration: .3s;\n  }\n\n  .qwik-devtools .ease-in-out {\n    --tw-ease: var(--ease-in-out);\n    transition-timing-function: var(--ease-in-out);\n  }\n\n  .qwik-devtools .ease-out {\n    --tw-ease: var(--ease-out);\n    transition-timing-function: var(--ease-out);\n  }\n\n  .qwik-devtools .select-none {\n    -webkit-user-select: none;\n    user-select: none;\n  }\n\n  @media (hover: hover) {\n    .qwik-devtools .group-hover\\:scale-110:is(:where(.group):hover *) {\n      --tw-scale-x: 110%;\n      --tw-scale-y: 110%;\n      --tw-scale-z: 110%;\n      scale: var(--tw-scale-x) var(--tw-scale-y);\n    }\n\n    .qwik-devtools .group-hover\\:opacity-100:is(:where(.group):hover *) {\n      opacity: 1;\n    }\n\n    .qwik-devtools .group-hover\\:shadow-primary\\/20:is(:where(.group):hover *) {\n      --tw-shadow-color: #10b98133;\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .qwik-devtools .group-hover\\:shadow-primary\\/20:is(:where(.group):hover *) {\n        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 20%, transparent) var(--tw-shadow-alpha), transparent);\n      }\n    }\n  }\n\n  .qwik-devtools .group-active\\:scale-75:is(:where(.group):active *) {\n    --tw-scale-x: 75%;\n    --tw-scale-y: 75%;\n    --tw-scale-z: 75%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n\n  @media (hover: hover) {\n    .qwik-devtools .hover\\:-translate-y-0\\.5:hover {\n      --tw-translate-y: calc(var(--spacing) * -.5);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n\n    .qwik-devtools .hover\\:scale-110:hover {\n      --tw-scale-x: 110%;\n      --tw-scale-y: 110%;\n      --tw-scale-z: 110%;\n      scale: var(--tw-scale-x) var(--tw-scale-y);\n    }\n\n    .qwik-devtools .hover\\:rotate-3:hover {\n      rotate: 3deg;\n    }\n\n    .qwik-devtools .hover\\:border-primary\\/30:hover {\n      border-color: #10b9814d;\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .qwik-devtools .hover\\:border-primary\\/30:hover {\n        border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);\n      }\n    }\n\n    .qwik-devtools .hover\\:bg-card-item-hover-bg:hover {\n      background-color: var(--color-card-item-hover-bg);\n    }\n\n    .qwik-devtools .hover\\:bg-foreground\\/5:hover {\n      background-color: #0000000d;\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .qwik-devtools .hover\\:bg-foreground\\/5:hover {\n        background-color: color-mix(in oklab, var(--color-foreground) 5%, transparent);\n      }\n    }\n\n    .qwik-devtools .hover\\:bg-primary\\/10:hover {\n      background-color: #10b9811a;\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .qwik-devtools .hover\\:bg-primary\\/10:hover {\n        background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);\n      }\n    }\n\n    .qwik-devtools .hover\\:bg-primary\\/20:hover {\n      background-color: #10b98133;\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .qwik-devtools .hover\\:bg-primary\\/20:hover {\n        background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);\n      }\n    }\n\n    .qwik-devtools .hover\\:text-foreground:hover {\n      color: var(--color-foreground);\n    }\n\n    .qwik-devtools .hover\\:text-primary:hover {\n      color: var(--color-primary);\n    }\n\n    .qwik-devtools .hover\\:underline:hover {\n      text-decoration-line: underline;\n    }\n\n    .qwik-devtools .hover\\:opacity-60:hover {\n      opacity: .6;\n    }\n\n    .qwik-devtools .hover\\:opacity-90:hover {\n      opacity: .9;\n    }\n\n    .qwik-devtools .hover\\:shadow-lg:hover {\n      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n\n    .qwik-devtools .hover\\:shadow-primary\\/5:hover {\n      --tw-shadow-color: #10b9810d;\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .qwik-devtools .hover\\:shadow-primary\\/5:hover {\n        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 5%, transparent) var(--tw-shadow-alpha), transparent);\n      }\n    }\n  }\n\n  .qwik-devtools .focus\\:ring-primary-active:focus {\n    --tw-ring-color: var(--color-primary-active);\n  }\n\n  .qwik-devtools .focus\\:ring-offset-0:focus {\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  }\n\n  @media (min-width: 40rem) {\n    .qwik-devtools .sm\\:grid-cols-2 {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .qwik-devtools .sm\\:grid-cols-3 {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n\n  @media (min-width: 48rem) {\n    .qwik-devtools .md\\:mt-6 {\n      margin-top: calc(var(--spacing) * 6);\n    }\n\n    .qwik-devtools .md\\:grid-cols-2 {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .qwik-devtools .md\\:grid-cols-3 {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n\n    .qwik-devtools .md\\:grid-cols-4 {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n\n    .qwik-devtools .md\\:px-4 {\n      padding-inline: calc(var(--spacing) * 4);\n    }\n  }\n\n  @media (min-width: 64rem) {\n    .qwik-devtools .lg\\:grid-cols-3 {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n\n    .qwik-devtools .lg\\:grid-cols-4 {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n  }\n\n  @media (prefers-color-scheme: dark) {\n    .qwik-devtools .dark\\:border-\\[\\#374151\\] {\n      border-color: #374151;\n    }\n\n    .qwik-devtools .dark\\:border-emerald-700\\/40 {\n      border-color: #00795666;\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .qwik-devtools .dark\\:border-emerald-700\\/40 {\n        border-color: color-mix(in oklab, var(--color-emerald-700) 40%, transparent);\n      }\n    }\n\n    .qwik-devtools .dark\\:bg-\\[\\#1F2937\\] {\n      background-color: #1f2937;\n    }\n\n    .qwik-devtools .dark\\:bg-emerald-900\\/30 {\n      background-color: #004e3b4d;\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .qwik-devtools .dark\\:bg-emerald-900\\/30 {\n        background-color: color-mix(in oklab, var(--color-emerald-900) 30%, transparent);\n      }\n    }\n\n    .qwik-devtools .dark\\:text-emerald-300 {\n      color: var(--color-emerald-300);\n    }\n\n    .qwik-devtools .dark\\:text-violet-300 {\n      color: var(--color-violet-300);\n    }\n  }\n\n  .custom-scrollbar {\n    scrollbar-width: thin;\n    scrollbar-color: var(--color-scrollbar-thumb) transparent;\n  }\n\n  .custom-scrollbar::-webkit-scrollbar {\n    width: 6px;\n  }\n\n  .custom-scrollbar::-webkit-scrollbar-track {\n    background: none;\n  }\n\n  .custom-scrollbar::-webkit-scrollbar-thumb {\n    background-color: var(--color-scrollbar-thumb);\n    border-radius: 20px;\n  }\n\n  .custom-scrollbar::-webkit-scrollbar-thumb:hover {\n    background-color: var(--color-scrollbar-thumb-hover);\n  }\n}\n\n:root {\n  --theme-name: "light";\n  --color-background: #fff;\n  --color-foreground: #000;\n  --color-primary: #10b981;\n  --color-primary-hover: #f2f2f2;\n  --color-primary-active: #047857;\n  --color-secondary: #6b7280;\n  --color-border: #e5e7eb;\n  --color-card: #f2f2f2;\n  --color-card-item-bg: #00000005;\n  --color-card-item-hover-bg: #00000008;\n  --color-scrollbar-thumb: #d1d5db;\n  --color-scrollbar-thumb-hover: #a1a1aa;\n  --color-muted: #9ca3af;\n  --color-muted-foreground: #6b7280;\n  --color-accent: #10b981;\n  --color-input: var(--color-border);\n  --color-ring: var(--color-primary);\n}\n\n:root[data-theme="dark"] {\n  --theme-name: "dark";\n  --color-background: #18181b;\n  --color-foreground: #fff;\n  --color-primary: #34d399;\n  --color-primary-hover: #10b981;\n  --color-primary-active: #059669;\n  --color-secondary: #9ca3af;\n  --color-border: #374151;\n  --color-card: #27272a;\n  --color-card-item-bg: #ffffff08;\n  --color-card-item-hover-bg: #ffffff0d;\n  --color-scrollbar-thumb: #3f3f46;\n  --color-scrollbar-thumb-hover: #52525b;\n  --color-muted: #374151;\n  --color-muted-foreground: #9ca3af;\n  --color-accent: #10b981;\n  --color-input: var(--color-border);\n  --color-ring: var(--color-primary);\n}\n\n@media (prefers-color-scheme: dark) {\n  :root:not([data-theme]) {\n    --theme-name: "dark";\n    --color-background: #18181b;\n    --color-foreground: #fff;\n    --color-primary: #10b981;\n    --color-secondary: #9ca3af;\n    --color-border: #374151;\n    --color-card: #27272a;\n    --color-card-item-bg: #ffffff08;\n    --color-card-item-hover-bg: #ffffff0d;\n    --color-scrollbar-thumb: #3f3f46;\n    --color-scrollbar-thumb-hover: #52525b;\n    --color-muted: #374151;\n    --color-muted-foreground: #9ca3af;\n    --color-accent: #10b981;\n    --color-input: var(--color-border);\n    --color-ring: var(--color-primary);\n  }\n}\n\n@property --tw-translate-x {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-y {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-z {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-rotate-x {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-rotate-y {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-rotate-z {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-skew-x {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-skew-y {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-space-y-reverse {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-space-x-reverse {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-divide-y-reverse {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-border-style {\n  syntax: "*";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-gradient-position {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-gradient-from {\n  syntax: "<color>";\n  inherits: false;\n  initial-value: #0000;\n}\n\n@property --tw-gradient-via {\n  syntax: "<color>";\n  inherits: false;\n  initial-value: #0000;\n}\n\n@property --tw-gradient-to {\n  syntax: "<color>";\n  inherits: false;\n  initial-value: #0000;\n}\n\n@property --tw-gradient-stops {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-gradient-via-stops {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-gradient-from-position {\n  syntax: "<length-percentage>";\n  inherits: false;\n  initial-value: 0%;\n}\n\n@property --tw-gradient-via-position {\n  syntax: "<length-percentage>";\n  inherits: false;\n  initial-value: 50%;\n}\n\n@property --tw-gradient-to-position {\n  syntax: "<length-percentage>";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-leading {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-font-weight {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-shadow {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-shadow-alpha {\n  syntax: "<percentage>";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-inset-shadow-alpha {\n  syntax: "<percentage>";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-ring-color {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-ring-shadow {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-inset-ring-shadow {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-ring-offset-width {\n  syntax: "<length>";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-ring-offset-color {\n  syntax: "*";\n  inherits: false;\n  initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-blur {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-brightness {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-contrast {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-grayscale {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-hue-rotate {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-invert {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-opacity {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-saturate {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-sepia {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-drop-shadow {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-drop-shadow-color {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-drop-shadow-alpha {\n  syntax: "<percentage>";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-drop-shadow-size {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-backdrop-blur {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-backdrop-brightness {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-backdrop-contrast {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-backdrop-grayscale {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-backdrop-hue-rotate {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-backdrop-invert {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-backdrop-opacity {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-backdrop-saturate {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-backdrop-sepia {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-duration {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-ease {\n  syntax: "*";\n  inherits: false\n}\n\n@property --tw-scale-x {\n  syntax: "*";\n  inherits: false;\n  initial-value: 1;\n}\n\n@property --tw-scale-y {\n  syntax: "*";\n  inherits: false;\n  initial-value: 1;\n}\n\n@property --tw-scale-z {\n  syntax: "*";\n  inherits: false;\n  initial-value: 1;\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n';
 export {
   globalCss as default
 };