{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "tailwind-config",
  "title": "Tailwind Config",
  "description": "Tailwind CSS configuration for Trident UI",
  "dependencies": [],
  "registryDependencies": [],
  "cssVars": {
    "theme": {
      "*": "initial",
      "current": "currentColor",
      "transparent": "transparent",
      "black": "oklch(0% 0 0)",
      "black-active": "oklch(32.11% 0 0)",
      "ultramarine": "oklch(29.15% 0.061 267.08)",
      "ultramarine-active": "oklch(36.97% 0.08 267.62)",
      "lavender": "oklch(76.51% 0.095 272.69)",
      "lavender-active": "oklch(71.13% 0.112 272.43)",
      "verdigris": "oklch(76.87% 0.019 175.13)",
      "verdigris-active": "oklch(72.54% 0.022 173.68)",
      "sand": "oklch(84.83% 0.019 78.23)",
      "sand-active": "oklch(80.78% 0.019 78.22)",
      "lightSand": "oklch(95.68% 0.012 79.78)",
      "lightSand-active": "oklch(90.67% 0.022 80.68)",
      "saffron": "oklch(86.52% 0.177 90.38)",
      "saffron-active": "oklch(80.08% 0.164 90.52)",
      "sienna": "oklch(49.44% 0.103 32.76)",
      "sienna-active": "oklch(55.31% 0.103 32.96)",
      "wave": "oklch(54.31% 0.093 194.77)",
      "wave-active": "oklch(46.2% 0.079 194.77)",
      "marygold": "oklch(76.52% 0.175 62.57)",
      "marygold-active": "oklch(76.52% 0.175 62.57)",
      "white": "oklch(100% 0 0)",
      "white-active": "oklch(84.52% 0 0)",
      "darkGrey": "oklch(32.11% 0 0)",
      "middleGrey": "oklch(51.03% 0 0)",
      "grey": "oklch(68.3% 0 0)",
      "lightGrey": "oklch(84.52% 0 0)",
      "pearl": "oklch(97.61% 0 0)",
      "green": "oklch(50.65% 0.147 146.29)",
      "green-active": "oklch(40.92% 0.117 146.74)",
      "red": "oklch(54.78% 0.173 31.72)",
      "red-active": "oklch(46.31% 0.144 31.42)",
      "orange": "oklch(58.02% 0.168 44.35)",
      "orange-active": "oklch(48.38% 0.135 46.68)",
      "text-b6": "0.625rem",
      "text-b6--line-height": "0.75rem",
      "text-b5": "0.75rem",
      "text-b5--line-height": "0.875rem",
      "text-b4": "0.875rem",
      "text-b4--line-height": "1.25rem",
      "text-b3": "1rem",
      "text-b3--line-height": "1.5rem",
      "text-b2": "1.25rem",
      "text-b2--line-height": "1.75rem",
      "text-b1": "1.5rem",
      "text-b1--line-height": "1.75rem",
      "text-b0": "1.75rem",
      "text-b0--line-height": "2rem",
      "text-h5": "1.5rem",
      "text-h5--line-height": "1.625rem",
      "text-h5--font-weight": "'700'",
      "text-h4": "1.75rem",
      "text-h4--line-height": "1.875rem",
      "text-h4--font-weight": "'700'",
      "text-h3": "2rem",
      "text-h3--line-height": "2.125rem",
      "text-h3--font-weight": "'700'",
      "text-h2": "2.5rem",
      "text-h2--line-height": "2.625rem",
      "text-h2--font-weight": "'700'",
      "text-h1": "3rem",
      "text-h1--line-height": "3.125rem",
      "text-h1--font-weight": "'700'",
      "text-h0": "4rem",
      "text-h0--line-height": "4.125rem",
      "text-h0--font-weight": "'700'",
      "font-weight--normal": "'400'",
      "font-weight--semibold": "'600'",
      "font-weight--bold": "'700'",
      "aspect-auto": "auto",
      "aspect-horizontal": "19 / 12",
      "aspect-square": "1 / 1",
      "aspect-vertical": "19 / 25",
      "aspect-verticalVideo": "9 / 16",
      "aspect-vertical-video": "9 / 16",
      "aspect-video": "16 / 9",
      "radius-0": "0rem",
      "radius-2": "0.125rem",
      "radius-4": "0.25rem",
      "radius-8": "0.5rem",
      "radius-16": "1rem",
      "radius-22": "1.375rem",
      "radius-32": "2rem",
      "radius-pill": "calc(infinity * 1px)",
      "radius-pill-transitionable": "8rem",
      "radius-full": "100%",
      "breakpoint-sm": "40rem",
      "breakpoint-md": "48rem",
      "breakpoint-lg": "64rem",
      "breakpoint-xl": "76.25rem",
      "breakpoint-2xl": "96rem",
      "breakpoint-3xl": "128.75rem",
      "container-*": "initial",
      "container-xs": "20rem",
      "container-sm": "24rem",
      "container-md": "28rem",
      "container-lg": "32rem",
      "container-xl": "36rem",
      "container-2xl": "42rem",
      "container-3xl": "45.5rem",
      "container-4xl": "56rem",
      "container-5xl": "61.5rem",
      "container-6xl": "72rem",
      "container-7xl": "80rem",
      "shadow-sm": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
      "shadow": "0 1px 3px 0 rgb(0 0 0 / 0.1) 0 1px 2px -1px rgb(0 0 0 / 0.1)",
      "shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
      "shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
      "shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
      "shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
      "shadow-inner": "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
      "shadow-none": "none",
      "spacing": "calc(1rem / 16)",
      "font-sans": "var(--font-family-sans, Inter), 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'",
      "font-serif": "var(--font-family-serif, Newsreader), 'Times New Roman', 'Times', 'serif'",
      "transition-fn-boop": "cubic-bezier(0.47, 1.64, 0.41, 0.8)",
      "transition-duration-boop": "0.4s",
      "animate-none": "none",
      "animate-backdrop-fade-in": "backdrop-fade-in 220ms cubic-bezier(0.2, 0.8, 0.2, 1) forwards",
      "animate-backdrop-fade-out": "backdrop-fade-out 180ms cubic-bezier(0.4, 0, 1, 1) forwards",
      "animate-backdrop-sweep-in": "backdrop-sweep-in 300ms cubic-bezier(0.2, 0.8, 0.2, 1) forwards",
      "animate-backdrop-sweep-out": "backdrop-sweep-out 260ms cubic-bezier(0.4, 0, 1, 1) forwards",
      "animate-boop": "boop 230ms cubic-bezier(0.76, 0.24, 0.65, 0.85) normal both",
      "animate-bounce": "bounce 1s infinite",
      "animate-bounce-enter": "bounce-enter 500ms linear",
      "animate-bounce-enter-strong": "bounce-enter-strong 600ms linear",
      "animate-bounce-exit": "bounce-exit 500ms linear",
      "animate-filling": "filling 10s linear",
      "animate-loader-dash": "loader-dash 1.5s ease-in-out infinite",
      "animate-ping": "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
      "animate-pulsation": "pulsation 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
      "animate-pulse": "pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite",
      "animate-rotates-in": "rotates-in 0.4s ease-in-out",
      "animate-slide-down": "slide-down 0.5s ease-out",
      "animate-slide-right-enter": "slide-right-enter 0.4s ease",
      "animate-slide-right-exit": "slide-right-exit 0.4s ease",
      "animate-slide-up": "slide-up 0.5s ease-out",
      "animate-spin": "spin 1s linear infinite",
      "animate-tick": "tick 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 normal forwards",
      "animate-toast-enter": "toast-enter 0.4s ease",
      "animate-toast-exit": "toast-exit 0.4s ease",
      "animate-tock": "tock 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 normal forwards",
      "animate-wave": "wave 4s linear infinite",
      "animate-zoom-in": "zoom-in 220ms cubic-bezier(0.2, 0.8, 0.2, 1) forwards",
      "animate-zoom-out": "zoom-out 180ms cubic-bezier(0.4, 0, 1, 1) forwards",
      "animate-wiggle": "wiggle 0.75s ease-in-out"
    }
  },
  "css": {
    "@keyframes boop": {
      "0%": {
        "transform": "scale(1)"
      },
      "25%": {
        "transform": "scale(0.98)"
      },
      "75%": {
        "transform": "scale(1.025)"
      },
      "100%": {
        "transform": "scale(1)"
      }
    },
    "@keyframes bounce-enter": {
      "0%": {
        "opacity": "0",
        "transform": "scale(0.5)"
      },
      "70%": {
        "opacity": "1",
        "transform": "scale(1.2)"
      },
      "100%": {
        "opacity": "1",
        "transform": "scale(1)"
      }
    },
    "@keyframes bounce-enter-strong": {
      "0%": {
        "opacity": "0",
        "transform": "scale(0.5)"
      },
      "70%": {
        "opacity": "1",
        "transform": "scale(1.5)"
      },
      "100%": {
        "opacity": "1",
        "transform": "scale(1)"
      }
    },
    "@keyframes bounce-exit": {
      "0%": {
        "opacity": "1",
        "transform": "scale(1)"
      },
      "100%": {
        "opacity": "0",
        "transform": "scale(0.5)"
      }
    },
    "@keyframes filling": {
      "0%": {
        "transform": "scaleX(0)"
      },
      "100%": {
        "transform": "scaleX(1)"
      }
    },
    "@keyframes loader-dash": {
      "0%": {
        "stroke-dashoffset": "38",
        "stroke-dasharray": "38"
      },
      "50%": {
        "stroke-dashoffset": "70",
        "stroke-dasharray": "70",
        "transform": "rotate(180deg)"
      },
      "100%": {
        "transform": "rotate(360deg)"
      }
    },
    "@keyframes pulsation": {
      "50%": {
        "opacity": "0.5"
      }
    },
    "@keyframes pulse": {
      "25%": {
        "transform": "scale(1.25)"
      },
      "50%": {
        "transform": "scale(1)"
      }
    },
    "@keyframes rotates-in": {
      "0%": {
        "transform": "translateY(-20px)",
        "opacity": "0"
      },
      "100%": {
        "transform": "translateY(0)",
        "opacity": "1"
      }
    },
    "@keyframes slide-down": {
      "0%": {
        "transform": "translateY(var(--tw-slide-down, -100%))"
      },
      "100%": {
        "transform": "translateY(0%)"
      }
    },
    "@keyframes slide-right-enter": {
      "0%": {
        "transform": "translateX(100%)",
        "opacity": "0"
      },
      "100%": {
        "transform": "translateX(0%)",
        "opacity": "1"
      }
    },
    "@keyframes slide-right-exit": {
      "0%": {
        "transform": "translateX(0%)"
      },
      "100%": {
        "transform": "translateX(101%)"
      }
    },
    "@keyframes slide-up": {
      "0%": {
        "transform": "translateY(var(--tw-slide-up, 100%))"
      },
      "100%": {
        "transform": "translateY(0%)"
      }
    },
    "@keyframes spin": {
      "to": {
        "transform": "rotate(360deg)"
      }
    },
    "@keyframes tick": {
      "0%": {
        "transform": "rotateX(0deg)"
      },
      "100%": {
        "transform": "rotateX(-180deg)"
      }
    },
    "@keyframes tock": {
      "0%": {
        "transform": "rotateX(180deg)"
      },
      "100%": {
        "transform": "rotateX(0deg)"
      }
    },
    "@keyframes wave": {
      "0%": {
        "transform": "translate(100px, 140px)"
      },
      "10%": {
        "transform": "translate(100px, 140px)"
      },
      "100%": {
        "transform": "translate(0px, 0px)"
      }
    },
    "@keyframes backdrop-fade-in": {
      "0%": {
        "backdrop-filter": "blur(0px)",
        "opacity": "0"
      },
      "100%": {
        "backdrop-filter": "blur(10px)",
        "opacity": "0.8"
      }
    },
    "@keyframes backdrop-fade-out": {
      "0%": {
        "backdrop-filter": "blur(10px)",
        "opacity": "0.8"
      },
      "100%": {
        "backdrop-filter": "blur(0px)",
        "opacity": "0"
      }
    },
    "@keyframes backdrop-sweep-in": {
      "0%": {
        "backdrop-filter": "blur(0px)",
        "opacity": "0",
        "transform": "translateX(-100%)"
      },
      "100%": {
        "backdrop-filter": "blur(10px)",
        "opacity": "0.8",
        "transform": "translateX(0%)"
      }
    },
    "@keyframes backdrop-sweep-out": {
      "0%": {
        "backdrop-filter": "blur(10px)",
        "opacity": "0.8",
        "transform": "translateX(0%)"
      },
      "100%": {
        "backdrop-filter": "blur(0px)",
        "opacity": "0",
        "transform": "translateX(100%)"
      }
    },
    "@keyframes bounce": {
      "0%, 100%": {
        "transform": "translateY(-25%)",
        "animation-timing-function": "cubic-bezier(0.8, 0, 1, 1)"
      },
      "50%": {
        "transform": "none",
        "animation-timing-function": "cubic-bezier(0, 0, 0.2, 1)"
      }
    },
    "@keyframes ping": {
      "75%, 100%": {
        "transform": "scale(2)",
        "opacity": "0"
      }
    },
    "@keyframes toast-enter": {
      "0%": {
        "transform": "translateX(100%)",
        "opacity": "0"
      },
      "100%": {
        "transform": "translateX(0%)",
        "opacity": "1"
      }
    },
    "@keyframes toast-exit": {
      "0%": {
        "transform": "translateX(0%)"
      },
      "100%": {
        "transform": "translateX(101%)"
      }
    },
    "@keyframes zoom-in": {
      "0%": {
        "transform": "scale(0.3)",
        "opacity": "0.3"
      },
      "100%": {
        "transform": "scale(1)",
        "opacity": "1"
      }
    },
    "@keyframes zoom-out": {
      "0%": {
        "transform": "scale(1)",
        "opacity": "1"
      },
      "100%": {
        "transform": "scale(0.9)",
        "opacity": "0"
      }
    },
    "@keyframes wiggle": {
      "0%": {
        "transform": "translateX(0px)"
      },
      "50%": {
        "transform": "translateX(10px)"
      },
      "100%": {
        "transform": "translateX(0px)"
      }
    },
    "@layer components": {
      "html": {
        "--xDirCoefficient": "1",
        "scroll-behavior": "smooth"
      },
      "html[dir='rtl']": {
        "--xDirCoefficient": "-1"
      },
      ".link-underline": {
        "transition-duration": "1000ms",
        "transition-property": "background-size",
        "background-image": "linear-gradient(transparent calc(100% - 1px), currentcolor 1px)",
        "background-repeat": "no-repeat",
        "background-size": "calc(100% - 0px) 100%"
      },
      ".link-underline.has-icon": {
        "background-size": "calc(100% - 32px) 100%"
      },
      ".link-container:hover .link-underline.hoverable, .link-container:focus .link-underline.hoverable, .group:hover .link-underline.hoverable, .group:focus .link-underline.hoverable": {
        "background-size": "calc(0% - 0px) 100%"
      },
      ".group:hover .link-underline.hoverable, .group:focus .link-underline.hoverable": {
        "background-size": "calc(0% - 0px) 100%"
      },
      "[dir='rtl'] .link-underline": {
        "background-position": "right"
      },
      "input[type='search']::-webkit-search-cancel-button, input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button": {
        "appearance": "none",
        "-webkit-appearance": "none"
      },
      "input[type='password']::-ms-reveal": {
        "display": "none"
      },
      "input::placeholder": {
        "color": "var(--color-darkGrey)"
      },
      "select:invalid": {
        "color": "var(--color-middleGrey)"
      },
      ".date-field": {
        "appearance": "none",
        "-webkit-appearance": "none"
      },
      ".date-field::-webkit-calendar-picker-indicator": {
        "display": "none"
      },
      ".date-field::-webkit-datetime-edit": {
        "width": "100%"
      },
      ".date-field::-webkit-datetime-edit-fields-wrapper": {
        "width": "100%",
        "display": "flex",
        "justify-content": "space-between",
        "text-transform": "uppercase"
      },
      ".breadcrumb-spacer:before": {
        "content": "'...'"
      },
      "@media (prefers-reduced-motion: reduce)": {
        "*, *::before, *::after": {
          "animation-duration": "0ms !important",
          "transition-duration": "0ms !important"
        }
      },
      ".scrollbar-hidden": {
        "-ms-overflow-style": "none",
        "scrollbar-width": "none",
        "--scrollbar-x-padding-bottom": "0"
      },
      ".scrollbar-hidden::-webkit-scrollbar": {
        "display": "none"
      },
      "[data-scroller]": {
        "overflow-x": "auto",
        "scrollbar-width": "none",
        "-ms-overflow-style": "none"
      },
      "[data-scroller]::-webkit-scrollbar": {
        "display": "none"
      },
      "[data-scrollbar]": {
        "position": "relative",
        "width": "100%",
        "height": "6px",
        "padding": "1px",
        "background": "var(--color-ultramarine)",
        "border-radius": "4px",
        "pointer-events": "none",
        "user-select": "none"
      },
      "[data-scrollbar] [data-scrollprogress]": {
        "content": "''",
        "position": "absolute",
        "bottom": "1px",
        "inset-inline-start": "1px",
        "width": "var(--scrollbar-width, 60%)",
        "height": "4px",
        "background": "var(--color-saffron)",
        "border-radius": "4px",
        "animation": "scroll-position linear both",
        "display": "block",
        "cursor": "grab",
        "transition": "background-color 150ms ease"
      },
      "[data-scrollbar] [data-scrollprogress]:hover": {
        "background": "color-mix(in srgb, var(--color-saffron) 85%, black)"
      },
      "[data-scrollbar] [data-scrollprogress]:active": {
        "cursor": "grabbing",
        "background": "color-mix(in srgb, var(--color-saffron) 70%, black)"
      },
      "[data-scroller='dark'] + [data-scrollbar]": {
        "background": "var(--color-white)"
      },
      "[data-scroller='dark'] + [data-scrollbar] [data-scrollprogress]": {
        "background": "var(--color-ultramarine)"
      },
      "[data-scroller='dark'] + [data-scrollbar] [data-scrollprogress]:hover": {
        "background": "color-mix(in srgb, var(--color-ultramarine) 85%, white)"
      },
      "[data-scroller='dark'] + [data-scrollbar] [data-scrollprogress]:active": {
        "background": "color-mix(in srgb, var(--color-ultramarine) 70%, white)"
      },
      "@keyframes scroll-position": {
        "from": {
          "inset-inline-start": "1px"
        },
        "to": {
          "inset-inline-start": "calc(100% - var(--scrollbar-width, 60%) - 1px)"
        }
      },
      ".button": {
        "@apply border": {},
        "@apply border-solid": {},
        "@apply font-sans": {},
        "font-weight": "600",
        "transition-duration": "200ms",
        "column-gap": "8px",
        "align-items": "center",
        "justify-content": "center",
        "flex-shrink": "0",
        "text-align": "center",
        "transition-property": "transform, color, background-color, border-color"
      },
      ".button:disabled": {
        "pointer-events": "none"
      },
      ".button-outline, .button-solid": {
        "--button-bg-opacity": "100%",
        "--button-bg-opacity-active": "100%",
        "--button-border-opacity": "100%",
        "--button-border-opacity-active": "100%"
      },
      ".button-outline": {
        "background-color": "transparent",
        "border-color": "color-mix( in oklab, var(--button-primary) var(--button-border-opacity), transparent )",
        "color": "var(--button-primary)"
      },
      ".button-solid": {
        "background-color": "color-mix( in oklab, var(--button-primary) var(--button-bg-opacity), transparent )",
        "border-color": "color-mix( in oklab, var(--button-primary) var(--button-border-opacity), transparent )",
        "color": "var(--button-secondary)"
      },
      "@media (hover: hover) and (pointer: fine)": {
        ".button:active:not(:disabled)": {
          "transform": "scale(0.98)"
        },
        ".button-outline:active:not(:disabled), .button-outline:hover:not(:disabled), .button-outline:focus:not(:disabled), .group:hover .button-outline:not(:disabled)": {
          "background-color": "color-mix( in oklab, var(--button-primary) var(--button-bg-opacity), transparent )",
          "border-color": "color-mix( in oklab, var(--button-primary) var(--button-border-opacity), transparent )",
          "color": "var(--button-secondary)"
        },
        ".button-solid:active:not(:disabled), .button-solid:hover:not(:disabled), .button-solid:focus:not(:disabled), .group:hover .button-solid:not(:disabled)": {
          "background-color": "color-mix( in oklab, var(--button-active) var(--button-bg-opacity-active), transparent )",
          "border-color": "color-mix( in oklab, var(--button-active) var(--button-border-opacity-active), transparent )",
          "color": "var(--button-secondary)"
        }
      },
      ".button-black": {
        "--button-primary": "var(--color-black)",
        "--button-secondary": "var(--color-white)",
        "--button-active": "var(--color-black-active)"
      },
      ".button-green": {
        "--button-primary": "var(--color-green)",
        "--button-secondary": "var(--color-white)",
        "--button-active": "var(--color-green-active)"
      },
      ".button-lavender": {
        "--button-primary": "var(--color-lavender)",
        "--button-secondary": "var(--color-white)",
        "--button-active": "var(--color-lavender-active)"
      },
      ".button-lightSand": {
        "--button-primary": "var(--color-lightSand)",
        "--button-secondary": "var(--color-black)",
        "--button-active": "var(--color-lightSand-active)"
      },
      ".button-marygold": {
        "--button-primary": "var(--color-marygold)",
        "--button-secondary": "var(--color-black)",
        "--button-active": "var(--color-marygold-active)"
      },
      ".button-orange": {
        "--button-primary": "var(--color-orange)",
        "--button-secondary": "var(--color-white)",
        "--button-active": "var(--color-orange-active)"
      },
      ".button-red": {
        "--button-primary": "var(--color-red)",
        "--button-secondary": "var(--color-white)",
        "--button-active": "var(--color-red-active)"
      },
      ".button-saffron": {
        "--button-primary": "var(--color-saffron)",
        "--button-secondary": "var(--color-black)",
        "--button-active": "var(--color-saffron-active)"
      },
      ".button-sand": {
        "--button-primary": "var(--color-sand)",
        "--button-secondary": "var(--color-black)",
        "--button-active": "var(--color-sand-active)"
      },
      ".button-sienna": {
        "--button-primary": "var(--color-sienna)",
        "--button-secondary": "var(--color-white)",
        "--button-active": "var(--color-sienna-active)"
      },
      ".button-ultramarine": {
        "--button-primary": "var(--color-ultramarine)",
        "--button-secondary": "var(--color-white)",
        "--button-active": "var(--color-ultramarine-active)"
      },
      ".button-verdigris": {
        "--button-primary": "var(--color-verdigris)",
        "--button-secondary": "var(--color-black)",
        "--button-active": "var(--color-verdigris-active)"
      },
      ".button-wave": {
        "--button-primary": "var(--color-wave)",
        "--button-secondary": "var(--color-white)",
        "--button-active": "var(--color-wave-active)"
      },
      ".button-white": {
        "--button-primary": "var(--color-white)",
        "--button-secondary": "var(--color-black)",
        "--button-active": "var(--color-white-active)"
      },
      ".button-solid:disabled": {
        "--button-primary": "var(--color-pearl)",
        "--button-secondary": "var(--color-grey)"
      },
      ".button-outline:disabled": {
        "--button-primary": "var(--color-grey)",
        "--button-secondary": "var(--color-grey)"
      },
      ".button-small": {
        "--button-pill-px": "1.25rem",
        "--button-pill-py": "0.75rem"
      },
      ".button-large, .button-medium": {
        "--button-pill-px": "2rem",
        "--button-pill-py": "0.75rem"
      },
      ".button-small, .button-medium": {
        "--button-circle-size": "var(--button-size, 3rem)"
      },
      ".button-large": {
        "--button-circle-size": "var(--button-size, 6.25rem)"
      },
      ".button-secondary": {
        "--button-pill-px": "1.5rem",
        "--button-pill-py": "0.5rem"
      },
      ".button-tertiary": {
        "--button-pill-px": "0.75rem",
        "--button-pill-py": "0.25rem"
      },
      ".button-secondary, .button-tertiary": {
        "--button-circle-size": "var(--button-size, 3rem)"
      },
      ".button-circle": {
        "@apply aspect-square": {},
        "@apply overflow-hidden": {},
        "@apply rounded-full": {},
        "font-size": "1rem",
        "line-height": "1.5rem",
        "@apply px-0 py-0": {},
        "@apply size-[var(--button-circle-size)]": {}
      },
      ".button-pill": {
        "@apply aspect-auto": {},
        "@apply overflow-auto": {},
        "@apply rounded-[7.5rem]": {},
        "font-size": "1rem",
        "line-height": "1.5rem",
        "@apply px-[var(--button-pill-px)] py-[var(--button-pill-py)]": {},
        "--button-circle-size": "none",
        "&.button-secondary, &.button-tertiary": {
          "font-size": "0.875rem",
          "line-height": "1.25rem"
        }
      },
      ".input-range-container": {
        "@apply relative": {},
        "background-color": "var(--color-pearl)",
        "@apply grid": {},
        "--diff": "calc(var(--max) - var(--min))",
        "--tickmarkWidth": "2px",
        "grid-template": "repeat(2, max-content) var(--inputHeight) / 1fr 1fr",
        "width": "var(--inputWidth)",
        "background-image": "repeating-linear-gradient( 90deg, var(--color-middleGrey), var(--color-middleGrey) var(--tickmarkWidth), var(--color-pearl) 0, var(--color-pearl) calc(((100% - var(--tickmarkWidth)) / var(--max))) )"
      },
      ".input-range-container::before, .input-range-container::after": {
        "background-color": "var(--color-saffron)",
        "grid-column": "1 / span 2",
        "grid-row": "3",
        "content": "''"
      },
      "html:not(.rtl) .input-range-container::before": {
        "margin-left": "calc((var(--valueA) - var(--min)) / var(--diff) * var(--usefulWidth))",
        "width": "calc((var(--valueB) - var(--valueA)) / var(--diff) * var(--usefulWidth))"
      },
      "html:not(.rtl) .input-range-container::after": {
        "margin-left": "calc((var(--valueB) - var(--min)) / var(--diff) * var(--usefulWidth))",
        "width": "calc((var(--valueA) - var(--valueB)) / var(--diff) * var(--usefulWidth))"
      },
      ".rtl .input-range-container::before": {
        "margin-right": "calc((var(--valueA) - var(--min)) / var(--diff) * var(--usefulWidth))",
        "width": "calc((var(--valueB) - var(--valueA)) / var(--diff) * var(--usefulWidth))"
      },
      ".rtl .input-range-container::after": {
        "margin-right": "calc((var(--valueB) - var(--min)) / var(--diff) * var(--usefulWidth))",
        "width": "calc((var(--valueA) - var(--valueB)) / var(--diff) * var(--usefulWidth))"
      },
      ".input-range": {
        "@apply z-1": {},
        "@apply top-0": {},
        "@apply left-0": {},
        "@apply m-0": {},
        "@apply pointer-events-none": {},
        "@apply appearance-none": {},
        "grid-column": "1 / span 2",
        "grid-row": "3",
        "background": "none",
        "--col": "#000"
      },
      ".input-range-sliderThumb": {
        "@apply transform": {},
        "@apply appearance-none": {},
        "@apply border-0": {},
        "pointer-events": "auto",
        "width": "var(--thumbWidth)",
        "height": "var(--thumbWidth)",
        "cursor": "ew-resize",
        "background-image": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='31' height='31' x='.5' y='.5' fill='%23FFF' stroke='%23CCC' rx='4'/%3E%3Cpath fill='%23242424' d='M13 12h2v8h-2zm4 0h2v8h-2z'/%3E%3C/svg%3E\")",
        "transition": "transform",
        "transition-timing-function": "cubic-bezier(0.4, 0, 1, 1)",
        "transition-duration": "250ms"
      },
      ".input-range::-webkit-slider-thumb": {
        "transform": "var(--tw-transform)",
        "appearance": "none",
        "border": "0",
        "pointer-events": "auto",
        "width": "var(--thumbWidth)",
        "height": "var(--thumbWidth)",
        "cursor": "ew-resize",
        "background-image": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='31' height='31' x='.5' y='.5' fill='%23FFF' stroke='%23CCC' rx='4'/%3E%3Cpath fill='%23242424' d='M13 12h2v8h-2zm4 0h2v8h-2z'/%3E%3C/svg%3E\")",
        "transition": "transform 250ms cubic-bezier(0.4, 0, 1, 1)"
      },
      ".input-range::-webkit-slider-thumb:hover": {
        "@apply scale-105": {}
      },
      ".input-range::-moz-range-thumb": {
        "transform": "var(--tw-transform)",
        "appearance": "none",
        "border": "0",
        "pointer-events": "auto",
        "width": "var(--thumbWidth)",
        "height": "var(--thumbWidth)",
        "cursor": "ew-resize",
        "background-image": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='31' height='31' x='.5' y='.5' fill='%23FFF' stroke='%23CCC' rx='4'/%3E%3Cpath fill='%23242424' d='M13 12h2v8h-2zm4 0h2v8h-2z'/%3E%3C/svg%3E\")",
        "transition": "transform 250ms cubic-bezier(0.4, 0, 1, 1)"
      },
      ".input-range::-moz-range-thumb:hover": {
        "@apply scale-105": {}
      },
      ".input-range::-ms-thumb": {
        "transform": "var(--tw-transform)",
        "appearance": "none",
        "border": "0",
        "pointer-events": "auto",
        "width": "var(--thumbWidth)",
        "height": "var(--thumbWidth)",
        "cursor": "ew-resize",
        "background-image": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='31' height='31' x='.5' y='.5' fill='%23FFF' stroke='%23CCC' rx='4'/%3E%3Cpath fill='%23242424' d='M13 12h2v8h-2zm4 0h2v8h-2z'/%3E%3C/svg%3E\")",
        "transition": "transform 250ms cubic-bezier(0.4, 0, 1, 1)"
      },
      ".input-range::-ms-thumb:hover": {
        "@apply scale-105": {}
      },
      ".input-range-track": {
        "-webkit-appearance": "none",
        "box-shadow": "none",
        "border": "none",
        "background": "transparent"
      },
      ".input-range::-webkit-slider-runnable-track": {
        "-webkit-appearance": "none",
        "box-shadow": "none",
        "border": "none",
        "background": "transparent"
      },
      ".input-range::-moz-range-track": {
        "-webkit-appearance": "none",
        "box-shadow": "none",
        "border": "none",
        "background": "transparent"
      },
      ".input-range::-ms-track": {
        "-webkit-appearance": "none",
        "box-shadow": "none",
        "border": "none",
        "background": "transparent"
      },
      ".input-range-output": {
        "margin-top": "20px",
        "position": "absolute",
        "display": "block",
        "color": "hsl(0deg 0% 0%)",
        "font-size": "0.75rem",
        "line-height": "0.875rem",
        "font-weight": "600",
        "left": "calc(0.5 * var(--thumbWidth))"
      },
      "html:not(.rtl) .input-range-output": {
        "transform": "translateX( calc((var(--value) - var(--min)) / (var(--max) - var(--min)) * var(--usefulWidth) - 50%) )"
      },
      ".rtl .input-range-output": {
        "transform": "translateX( calc( (var(--max) - var(--value) - var(--min)) / (var(--max) - var(--min)) * var(--usefulWidth) - 50% ) )"
      },
      ".tab-focus-pill": {
        "transform": "translateX( calc( var(--tab-index, 0) * -100% + var(--active-tab, 0) * 100% - (var(--spacing) * 4 * (var(--tab-index) - var(--active-tab, 0))) ) )"
      },
      "[dir='rtl'] .tab-focus-pill": {
        "transform": "translateX( calc( var(--tab-index) * 100% + var(--active-tab) * -100% + (var(--spacing) * 4 * (var(--tab-index) - var(--active-tab))) ) )"
      }
    },
    "@utility aspect-inherit": {
      "aspect-ratio": "inherit"
    },
    "@utility animation-delay-*": {
      "animation-delay": "--value(--animation-delay- *, [duration], 'initial', [ *])"
    },
    "@utility line-clamp-*": {
      "max-height": "--value('none')"
    },
    "@utility grid-area-*": {
      "grid-area": "--value(--grid-area- *, [ *])"
    },
    "@utility auto-cols-full": {
      "grid-auto-columns": "100%"
    },
    "@custom-variant hocus {@media (hover: hover) and (pointer: fine) {&:hover {@slot;} &:focus {@slot;}}}": {},
    "@custom-variant hoverable (@media (hover: hover) and (pointer: fine))": {},
    "@layer utilities": {
      "label > span > input[type='radio']": {
        "opacity": "0",
        "position": "absolute",
        "width": "100%",
        "height": "100%",
        "border": "0"
      },
      "label > span > input[type='radio'] + span": {
        "@apply border transition-all duration-200": {},
        "--tw-ring-color": "transparent",
        "border-color": "var(--color-middleGrey)",
        "position": "relative",
        "display": "flex",
        "align-items": "center",
        "justify-content": "center",
        "@apply rounded-full": {}
      },
      "label > span > input[type='radio'] + span svg": {
        "opacity": "0",
        "transform": "scale(0)",
        "transform-origin": "center",
        "transition": "all var(--transition-duration-boop) var(--transition-fn-boop)"
      },
      "label > span > input[type='radio']:checked + span svg": {
        "opacity": "1",
        "transform": "scale(1)"
      },
      "label > span > input[type='radio']:checked + span, label > span > input[type='radio']:not([disabled]):hover + span": {
        "@apply border-black": {}
      },
      "label > span > input[type='radio']:focus-visible + span": {
        "@apply ring-8": {},
        "--tw-ring-color": "color-mix(in oklab, var(--color-lavender) 20%, transparent)"
      },
      "@media (hover: hover) and (pointer: fine)": {
        "label:active > input[type='checkbox'][data-name='Filter']:not(:disabled)": {
          "@apply active:scale-[.98]": {}
        }
      },
      "label > input[type='checkbox'][data-name='Filter']": {
        "@apply opacity-0 absolute w-full h-full border-0": {}
      },
      "label > input[type='checkbox'][data-name='Filter'] + span": {
        "--tw-ring-color": "transparent",
        "@apply transition-all": {},
        "@apply relative": {},
        "@apply flex": {},
        "@apply items-center": {},
        "@apply justify-center": {},
        "@apply border": {},
        "@apply px-20": {},
        "@apply py-12": {},
        "@apply duration-200": {},
        "transition-property": "transform, colors",
        "border-radius": "var(--radius-pill)",
        "border-color": "var(--color-middleGrey)"
      },
      "label > input[type='checkbox'][data-name='Filter'] + span .check": {
        "color": "var(--color-black)",
        "opacity": "0",
        "transform": "scale(0)",
        "transform-origin": "center",
        "width": "0",
        "transition": "all var(--transition-duration-boop) var(--transition-fn-boop)"
      },
      "label > input[type='checkbox'][data-name='Filter']:not([disabled]):not(:checked):hover + span": {
        "@apply border-black": {}
      },
      "label > input[type='checkbox'][data-name='Filter']:checked + span": {
        "border-color": "var(--color-saffron)",
        "background-color": "var(--color-saffron)"
      },
      "label > input[type='checkbox'][data-name='Filter']:checked + span .check": {
        "@apply opacity-100 ml-8": {},
        "width": "24px",
        "transform": "scale(1)"
      },
      "label > input[type='checkbox'][data-name='Filter']:focus-visible + span": {
        "@apply ring-8": {},
        "--tw-ring-color": "color-mix(in oklab, var(--color-lavender) 20%, transparent)"
      },
      "label > span > input[type='checkbox'][role='switch'] + span": {
        "@apply transition-all": {},
        "@apply relative flex items-center transition-colors duration-200": {},
        "@apply ring-0": {},
        "--tw-ring-color": "color-mix(in oklab, var(--color-lavender) 0%, transparent)",
        "background-color": "var(--color-middleGrey)",
        "border-radius": "var(--radius-pill)"
      },
      "label > span > input[type='checkbox'][role='switch'] + span > svg": {
        "transition": "all var(--transition-duration-boop) var(--transition-fn-boop)",
        "transform": "translate(calc(0% + 4px))"
      },
      "label > span > input[type='checkbox'][role='switch'] + span > svg circle + circle": {
        "opacity": "1",
        "transition": "opacity var(--transition-duration-boop) var(--transition-fn-boop)"
      },
      "label > span > input[type='checkbox'][role='switch'] + span > svg path": {
        "opacity": "0",
        "scale": "0",
        "transform-origin": "center",
        "transition": "opacity var(--transition-duration-boop) var(--transition-fn-boop), scale var(--transition-duration-boop) var(--transition-fn-boop)"
      },
      "label > span > input[type='checkbox'][role='switch']:checked + span": {
        "background-color": "var(--color-saffron)"
      },
      "label > span > input[type='checkbox'][role='switch']:checked + span > svg": {
        "transform": "translate(calc(100% + 4px))"
      },
      "label > span > input[type='checkbox'][role='switch']:checked + span > svg circle + circle": {
        "opacity": "0"
      },
      "label > span > input[type='checkbox'][role='switch']:checked + span > svg path": {
        "scale": "1",
        "opacity": "1"
      },
      "label > span > input[type='checkbox'][role='switch']:focus-visible + span": {
        "@apply ring-8": {},
        "--tw-ring-color": "color-mix(in oklab, var(--color-lavender) 20%, transparent)"
      },
      "button[role='switch'][data-name='Switch']": {
        "@apply relative flex items-center transition-colors duration-200": {},
        "@apply ring-0": {},
        "--tw-ring-color": "color-mix(in oklab, var(--color-lavender) 0%, transparent)"
      },
      "button[role='switch'][data-name='Switch'] svg": {
        "transition": "all var(--transition-duration-boop) var(--transition-fn-boop)",
        "transform": "translate(calc(0%))"
      },
      "button[role='switch'][data-name='Switch'] svg circle + circle": {
        "opacity": "1",
        "transition": "opacity var(--transition-duration-boop) var(--transition-fn-boop)"
      },
      "button[role='switch'][data-name='Switch'] svg path": {
        "opacity": "0",
        "scale": "0",
        "transform-origin": "center",
        "transition": "opacity var(--transition-duration-boop) var(--transition-fn-boop), scale var(--transition-duration-boop) var(--transition-fn-boop)"
      },
      "button[role='switch'][data-name='Switch'][aria-checked='true']": {
        "background-color": "var(--color-saffron)"
      },
      "button[role='switch'][data-name='Switch'][aria-checked='true'] svg": {
        "transform": "translate(calc(100%))"
      },
      "button[role='switch'][data-name='Switch'][aria-checked='true'] svg circle + circle": {
        "opacity": "0"
      },
      "button[role='switch'][data-name='Switch'][aria-checked='true'] svg path": {
        "scale": "1",
        "opacity": "1"
      },
      "button[role='switch'][data-name='Switch']:focus-visible": {
        "@apply ring-8": {},
        "--tw-ring-color": "color-mix(in oklab, var(--color-lavender) 20%, transparent)"
      }
    },
    "input[type='number']::-webkit-outer-spin-button, input[type='number']::-webkit-inner-spin-button": {
      "-webkit-appearance": "none",
      "margin": "0"
    },
    "input[type='number']": {
      "-moz-appearance": "textfield"
    },
    ".chat-border": {
      "border": "4px solid #0000",
      "background": "linear-gradient(white, white) padding-box, linear-gradient( var(--angle), var(--color-saffron) 27%, var(--color-verdigris) 51%, var(--color-lavender) 74% ) border-box",
      "animation": "3s rotateBackground linear infinite"
    },
    "@keyframes rotateBackground": {
      "to": {
        "--angle": "360deg"
      }
    },
    "@property --angle": {
      "syntax": "'<angle>'",
      "initial-value": "0deg",
      "inherits": "false"
    },
    "@property --chat-fade-top": {
      "syntax": "'<length>'",
      "initial-value": "0px",
      "inherits": "false"
    },
    "@property --chat-fade-bottom": {
      "syntax": "'<length>'",
      "initial-value": "48px",
      "inherits": "false"
    },
    ".chat-message-log": {
      "mask-image": "linear-gradient( to bottom, transparent, black var(--chat-fade-top), black calc(100% - var(--chat-fade-bottom)), transparent )",
      "-webkit-mask-image": "linear-gradient( to bottom, transparent, black var(--chat-fade-top), black calc(100% - var(--chat-fade-bottom)), transparent )",
      "animation": "chat-fade-top-in linear both, chat-fade-bottom-out linear both",
      "animation-timeline": "scroll(self), scroll(self)",
      "animation-range": "0px 48px, calc(100% - 48px) 100%"
    },
    "@keyframes chat-fade-top-in": {
      "from": {
        "--chat-fade-top": "0px"
      },
      "to": {
        "--chat-fade-top": "48px"
      }
    },
    "@keyframes chat-fade-bottom-out": {
      "from": {
        "--chat-fade-bottom": "48px"
      },
      "to": {
        "--chat-fade-bottom": "0px"
      }
    }
  },
  "type": "registry:theme"
}