/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[3].use[1]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[15].oneOf[3].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/font/local/target.css?{"path":"node_modules/.pnpm/geist@1.7.2_next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_r_b531ab8f0c25a84621d864a049bb9015/node_modules/geist/dist/mono.js","import":"","arguments":[{"src":"./fonts/geist-mono/GeistMono-Variable.woff2","variable":"--font-geist-mono","adjustFontFallback":false,"fallback":["ui-monospace","SFMono-Regular","Roboto Mono","Menlo","Monaco","Liberation Mono","DejaVu Sans Mono","Courier New","monospace"],"weight":"100 900"}],"variableName":"GeistMono"} ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: 'GeistMono';
src: url(/_next/static/media/723e11e5093b8e80.p.woff2) format('woff2');
font-display: swap;
font-weight: 100 900;
}.__className_46451f {font-family: 'GeistMono', ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace
}.__variable_46451f {--font-geist-mono: 'GeistMono', ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[3].use[1]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[15].oneOf[3].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/font/local/target.css?{"path":"node_modules/.pnpm/geist@1.7.2_next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_r_b531ab8f0c25a84621d864a049bb9015/node_modules/geist/dist/sans.js","import":"","arguments":[{"src":"./fonts/geist-sans/Geist-Variable.woff2","variable":"--font-geist-sans","weight":"100 900"}],"variableName":"GeistSans"} ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: 'GeistSans';
src: url(/_next/static/media/0b78ff376f6b9734-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 100 900;
}@font-face {font-family: 'GeistSans Fallback';src: local("Arial");ascent-override: 94.56%;descent-override: 27.76%;line-gap-override: 0.00%;size-adjust: 106.28%
}.__className_8adcd2 {font-family: 'GeistSans', 'GeistSans Fallback'
}.__variable_8adcd2 {--font-geist-sans: 'GeistSans', 'GeistSans Fallback'
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[3].use[1]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[15].oneOf[3].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/font/local/target.css?{"path":"src/lib/fonts.ts","import":"","arguments":[{"src":"./fonts/InterVariable.woff2","variable":"--font-creator-inter","weight":"100 900","style":"normal","display":"swap","preload":false}],"variableName":"fontInter"} ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: 'fontInter';
src: url(/_next/static/media/0336a89fb4e7fc1d-s.woff2) format('woff2');
font-display: swap;
font-weight: 100 900;
font-style: normal;
}@font-face {font-family: 'fontInter Fallback';src: local("Arial");ascent-override: 89.79%;descent-override: 22.36%;line-gap-override: 0.00%;size-adjust: 107.89%
}.__className_708d3e {font-family: 'fontInter', 'fontInter Fallback';font-style: normal
}.__variable_708d3e {--font-creator-inter: 'fontInter', 'fontInter Fallback'
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/globals.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: var(--font-sans);
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: var(--font-mono);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-orange-200: oklch(90.1% 0.076 70.697);
    --color-orange-500: oklch(70.5% 0.213 47.604);
    --color-orange-900: oklch(40.8% 0.123 38.172);
    --color-yellow-100: oklch(97.3% 0.071 103.193);
    --color-yellow-900: oklch(42.1% 0.095 57.708);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --tracking-tighter: -0.05em;
    --tracking-tight: -0.025em;
    --tracking-normal: 0em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --radius-xs: 0.125rem;
    --radius-md: calc(var(--radius) - 2px);
    --radius-lg: var(--radius);
    --shadow-2xs: 0 1px rgb(0 0 0 / 0.05);
    --shadow-sm: 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);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-xs: 4px;
    --blur-sm: 8px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .\!visible {
    visibility: visible !important;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .visible\! {
    visibility: visible !important;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .\!fixed {
    position: fixed !important;
  }
  .\!relative {
    position: relative !important;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .fixed\! {
    position: fixed !important;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: 0px;
  }
  .inset-x-0 {
    inset-inline: 0px;
  }
  .start-0 {
    inset-inline-start: calc(var(--spacing) * 0);
  }
  .start-3 {
    inset-inline-start: calc(var(--spacing) * 3);
  }
  .-end-px {
    inset-inline-end: -1px;
  }
  .end-4 {
    inset-inline-end: calc(var(--spacing) * 4);
  }
  .end-6 {
    inset-inline-end: calc(var(--spacing) * 6);
  }
  .top-0 {
    top: 0px;
  }
  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .top-1\/3 {
    top: calc(1 / 3 * 100%);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-6 {
    top: calc(var(--spacing) * 6);
  }
  .-right-0\.5 {
    right: calc(var(--spacing) * -0.5);
  }
  .right-0 {
    right: 0px;
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .-bottom-0\.5 {
    bottom: calc(var(--spacing) * -0.5);
  }
  .bottom-0 {
    bottom: 0px;
  }
  .bottom-1 {
    bottom: var(--spacing);
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  .left-1 {
    left: var(--spacing);
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .isolate {
    isolation: isolate;
  }
  .z-0 {
    z-index: 0;
  }
  .z-10 {
    z-index: 10;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .order-first {
    order: -9999;
  }
  .order-last {
    order: 9999;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .m-1 {
    margin: var(--spacing);
  }
  .m-12 {
    margin: calc(var(--spacing) * 12);
  }
  .container {
    margin-inline: auto;
    padding-inline: 2rem;
    @media (width >= 40rem) {
      max-width: none;
    }
    @media (width >= 1600px) {
      max-width: 1600px;
    }
    @media (max-width: 640px) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
  .-mx-3 {
    margin-inline: calc(var(--spacing) * -3);
  }
  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }
  .mx-0\.5 {
    margin-inline: calc(var(--spacing) * 0.5);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .-my-1\.5 {
    margin-block: calc(var(--spacing) * -1.5);
  }
  .my-1 {
    margin-block: var(--spacing);
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .-ms-3 {
    margin-inline-start: calc(var(--spacing) * -3);
  }
  .ms-auto {
    margin-inline-start: auto;
  }
  .-me-1\.5 {
    margin-inline-end: calc(var(--spacing) * -1.5);
  }
  .-me-2 {
    margin-inline-end: calc(var(--spacing) * -2);
  }
  .mt-1 {
    margin-top: var(--spacing);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .-mb-4 {
    margin-bottom: calc(var(--spacing) * -4);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .-ml-1\.5 {
    margin-left: calc(var(--spacing) * -1.5);
  }
  .-ml-2 {
    margin-left: calc(var(--spacing) * -2);
  }
  .ml-7 {
    margin-left: calc(var(--spacing) * 7);
  }
  .ml-auto {
    margin-left: auto;
  }
  .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
    &::-webkit-scrollbar {
      display: none;
    }
  }
  .\!table {
    display: table !important;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .table-caption {
    display: table-caption;
  }
  .table-cell {
    display: table-cell;
  }
  .table-row {
    display: table-row;
  }
  .field-sizing-content {
    field-sizing: content;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .size-\(--cell-size\) {
    width: var(--cell-size);
    height: var(--cell-size);
  }
  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-auto {
    width: auto;
    height: auto;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .h-\(--cell-size\) {
    height: var(--cell-size);
  }
  .h-1 {
    height: var(--spacing);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-8\! {
    height: calc(var(--spacing) * 8) !important;
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-72 {
    height: calc(var(--spacing) * 72);
  }
  .h-\[18\.24px\] {
    height: 18.24px;
  }
  .h-\[40vh\] {
    height: 40vh;
  }
  .h-\[55dvh\] {
    height: 55dvh;
  }
  .h-\[calc\(100\%\+0\.75rem\)\] {
    height: calc(100% + 0.75rem);
  }
  .h-\[calc\(100dvh-\(--spacing\(16\)\)\)\] {
    height: calc(100dvh - (calc(var(--spacing) * 16)));
  }
  .h-auto {
    height: auto;
  }
  .h-dvh {
    height: 100dvh;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .max-h-\(--radix-dropdown-menu-content-available-height\) {
    max-height: var(--radix-dropdown-menu-content-available-height);
  }
  .max-h-\(--radix-select-content-available-height\) {
    max-height: var(--radix-select-content-available-height);
  }
  .max-h-36 {
    max-height: calc(var(--spacing) * 36);
  }
  .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }
  .max-h-72 {
    max-height: calc(var(--spacing) * 72);
  }
  .max-h-80 {
    max-height: calc(var(--spacing) * 80);
  }
  .max-h-\[85dvh\] {
    max-height: 85dvh;
  }
  .max-h-\[200px\] {
    max-height: 200px;
  }
  .max-h-\[300px\] {
    max-height: 300px;
  }
  .max-h-\[400px\] {
    max-height: 400px;
  }
  .max-h-\[min\(70dvh\,var\(--radix-popover-content-available-height\)\)\] {
    max-height: min(70dvh, var(--radix-popover-content-available-height));
  }
  .max-h-full {
    max-height: 100%;
  }
  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }
  .min-h-9 {
    min-height: calc(var(--spacing) * 9);
  }
  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }
  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }
  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }
  .min-h-48 {
    min-height: calc(var(--spacing) * 48);
  }
  .min-h-\[150px\] {
    min-height: 150px;
  }
  .w-\(--cell-size\) {
    width: var(--cell-size);
  }
  .w-\(--radix-dropdown-menu-trigger-width\) {
    width: var(--radix-dropdown-menu-trigger-width);
  }
  .w-\(--radix-popover-trigger-width\) {
    width: var(--radix-popover-trigger-width);
  }
  .w-0\.5 {
    width: calc(var(--spacing) * 0.5);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-18 {
    width: calc(var(--spacing) * 18);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-22 {
    width: calc(var(--spacing) * 22);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-28 {
    width: calc(var(--spacing) * 28);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-36 {
    width: calc(var(--spacing) * 36);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-44 {
    width: calc(var(--spacing) * 44);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-50 {
    width: calc(var(--spacing) * 50);
  }
  .w-56 {
    width: calc(var(--spacing) * 56);
  }
  .w-60 {
    width: calc(var(--spacing) * 60);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-\[100px\] {
    width: 100px;
  }
  .w-\[120px\] {
    width: 120px;
  }
  .w-\[180px\] {
    width: 180px;
  }
  .w-\[200px\] {
    width: 200px;
  }
  .w-\[300px\] {
    width: 300px;
  }
  .w-\[400px\] {
    width: 400px;
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .w-px {
    width: 1px;
  }
  .max-w-\(--radix-popover-content-available-width\) {
    max-width: var(--radix-popover-content-available-width);
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-28 {
    max-width: calc(var(--spacing) * 28);
  }
  .max-w-60 {
    max-width: calc(var(--spacing) * 60);
  }
  .max-w-72 {
    max-width: calc(var(--spacing) * 72);
  }
  .max-w-125 {
    max-width: calc(var(--spacing) * 125);
  }
  .max-w-\[100px\] {
    max-width: 100px;
  }
  .max-w-\[calc\(100vw-1\.25rem\)\] {
    max-width: calc(100vw - 1.25rem);
  }
  .max-w-\[calc\(100vw-1rem\)\] {
    max-width: calc(100vw - 1rem);
  }
  .max-w-\[calc\(100vw-2rem\)\] {
    max-width: calc(100vw - 2rem);
  }
  .max-w-\[calc\(100vw-16px\)\] {
    max-width: calc(100vw - 16px);
  }
  .max-w-\[calc\(100vw-24px\)\] {
    max-width: calc(100vw - 24px);
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-\(--cell-size\) {
    min-width: var(--cell-size);
  }
  .min-w-\(--radix-select-trigger-width\) {
    min-width: var(--radix-select-trigger-width);
  }
  .min-w-0 {
    min-width: 0px;
  }
  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }
  .min-w-7 {
    min-width: calc(var(--spacing) * 7);
  }
  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }
  .min-w-9 {
    min-width: calc(var(--spacing) * 9);
  }
  .min-w-16 {
    min-width: calc(var(--spacing) * 16);
  }
  .min-w-32 {
    min-width: calc(var(--spacing) * 32);
  }
  .min-w-36 {
    min-width: calc(var(--spacing) * 36);
  }
  .min-w-60 {
    min-width: calc(var(--spacing) * 60);
  }
  .min-w-\[72px\] {
    min-width: 72px;
  }
  .min-w-\[96px\] {
    min-width: 96px;
  }
  .min-w-\[calc\(var\(--radix-select-trigger-width\)\+16px\)\] {
    min-width: calc(var(--radix-select-trigger-width) + 16px);
  }
  .flex-1 {
    flex: 1;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .caption-bottom {
    caption-side: bottom;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .origin-\(--radix-dropdown-menu-content-transform-origin\) {
    transform-origin: var(--radix-dropdown-menu-content-transform-origin);
  }
  .origin-\(--radix-popover-content-transform-origin\) {
    transform-origin: var(--radix-popover-content-transform-origin);
  }
  .origin-\(--radix-select-content-transform-origin\) {
    transform-origin: var(--radix-select-content-transform-origin);
  }
  .origin-\(--radix-tooltip-content-transform-origin\) {
    transform-origin: var(--radix-tooltip-content-transform-origin);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-0 {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-0\.5 {
    --tw-translate-y: calc(var(--spacing) * 0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[calc\(-50\%_-_2px\)\] {
    --tw-translate-y: calc(-50% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .scale-0 {
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .rotate-0 {
    rotate: 0deg;
  }
  .rotate-45 {
    rotate: 45deg;
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-in {
    animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-ew-resize {
    cursor: ew-resize;
  }
  .cursor-grab {
    cursor: grab;
  }
  .cursor-grabbing {
    cursor: grabbing;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-text {
    cursor: text;
  }
  .touch-none {
    touch-action: none;
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .scroll-my-1 {
    scroll-margin-block: var(--spacing);
  }
  .scroll-py-1 {
    scroll-padding-block: var(--spacing);
  }
  .list-disc {
    list-style-type: disc;
  }
  .\[appearance\:textfield\] {
    appearance: textfield;
  }
  .appearance-none {
    appearance: none;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-content-center {
    place-content: center;
  }
  .content-start {
    align-content: flex-start;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-0 {
    gap: 0px;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: var(--spacing);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-\[--spacing\(var\(--gap\)\)\] {
    gap: calc(var(--spacing) * var(--gap));
  }
  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.-space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
  }
  :where(.space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }
  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
  :where(.divide-border > :not(:last-child)) {
    border-color: var(--border);
  }
  .self-end {
    align-self: flex-end;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-\(--cell-radius\) {
    border-radius: var(--cell-radius);
  }
  .rounded-4xl {
    border-radius: calc(var(--radius) * 2.6);
  }
  .rounded-\[2px\] {
    border-radius: 2px;
  }
  .rounded-\[3\.2px\] {
    border-radius: 3.2px;
  }
  .rounded-\[4px\] {
    border-radius: 4px;
  }
  .rounded-\[calc\(var\(--radius\)-3px\)\] {
    border-radius: calc(var(--radius) - 3px);
  }
  .rounded-\[min\(var\(--radius-md\)\,10px\)\] {
    border-radius: min(var(--radius-md), 10px);
  }
  .rounded-\[min\(var\(--radius-md\)\,12px\)\] {
    border-radius: min(var(--radius-md), 12px);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius);
  }
  .rounded-lg\! {
    border-radius: var(--radius) !important;
  }
  .rounded-md {
    border-radius: calc(var(--radius) - 2px);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-sm {
    border-radius: calc(var(--radius) - 4px);
  }
  .rounded-xl {
    border-radius: calc(var(--radius) + 4px);
  }
  .rounded-xl\! {
    border-radius: calc(var(--radius) + 4px) !important;
  }
  .rounded-xs {
    border-radius: var(--radius-xs);
  }
  .rounded-l-\(--cell-radius\) {
    border-top-left-radius: var(--cell-radius);
    border-bottom-left-radius: var(--cell-radius);
  }
  .rounded-l-md {
    border-top-left-radius: calc(var(--radius) - 2px);
    border-bottom-left-radius: calc(var(--radius) - 2px);
  }
  .rounded-r-\(--cell-radius\) {
    border-top-right-radius: var(--cell-radius);
    border-bottom-right-radius: var(--cell-radius);
  }
  .rounded-r-md {
    border-top-right-radius: calc(var(--radius) - 2px);
    border-bottom-right-radius: calc(var(--radius) - 2px);
  }
  .rounded-b-xl {
    border-bottom-right-radius: calc(var(--radius) + 4px);
    border-bottom-left-radius: calc(var(--radius) + 4px);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-s {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }
  .border-e {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-r-0 {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-background {
    border-color: var(--background);
  }
  .border-border {
    border-color: var(--border);
  }
  .border-border\/40 {
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 40%, transparent);
    }
  }
  .border-input {
    border-color: var(--input);
  }
  .border-input\/30 {
    border-color: var(--input);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }
  .border-primary {
    border-color: var(--primary);
  }
  .border-red-500 {
    border-color: var(--color-red-500);
  }
  .border-ring {
    border-color: var(--ring);
  }
  .border-transparent {
    border-color: transparent;
  }
  .bg-accent {
    background-color: var(--accent);
  }
  .bg-background {
    background-color: var(--background);
  }
  .bg-background\/80 {
    background-color: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background) 80%, transparent);
    }
  }
  .bg-background\/95 {
    background-color: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background) 95%, transparent);
    }
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-black\/10 {
    background-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .bg-border {
    background-color: var(--border);
  }
  .bg-card {
    background-color: var(--card);
  }
  .bg-destructive\/10 {
    background-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }
  .bg-foreground {
    background-color: var(--foreground);
  }
  .bg-gray-800 {
    background-color: var(--color-gray-800);
  }
  .bg-green-500 {
    background-color: var(--color-green-500);
  }
  .bg-input {
    background-color: var(--input);
  }
  .bg-input\/30 {
    background-color: var(--input);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }
  .bg-muted {
    background-color: var(--muted);
  }
  .bg-muted\/30 {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 30%, transparent);
    }
  }
  .bg-muted\/50 {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }
  .bg-orange-200 {
    background-color: var(--color-orange-200);
  }
  .bg-popover {
    background-color: var(--popover);
  }
  .bg-primary {
    background-color: var(--primary);
  }
  .bg-primary\/10 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }
  .bg-red-500\/20 {
    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
    }
  }
  .bg-secondary {
    background-color: var(--secondary);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-yellow-100 {
    background-color: var(--color-yellow-100);
  }
  .bg-clip-padding {
    background-clip: padding-box;
  }
  .fill-foreground {
    fill: var(--foreground);
  }
  .object-contain {
    object-fit: contain;
  }
  .p-0 {
    padding: 0px;
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
  .p-1 {
    padding: var(--spacing);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .px-\(--cell-size\) {
    padding-inline: var(--cell-size);
  }
  .px-0 {
    padding-inline: 0px;
  }
  .px-1 {
    padding-inline: var(--spacing);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-\[5\.12px\] {
    padding-inline: 5.12px;
  }
  .px-\[8px\] {
    padding-inline: 8px;
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: var(--spacing);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-px {
    padding-block: 1px;
  }
  .ps-1 {
    padding-inline-start: var(--spacing);
  }
  .ps-3 {
    padding-inline-start: calc(var(--spacing) * 3);
  }
  .ps-8 {
    padding-inline-start: calc(var(--spacing) * 8);
  }
  .pe-1\.5 {
    padding-inline-end: calc(var(--spacing) * 1.5);
  }
  .pe-2 {
    padding-inline-end: calc(var(--spacing) * 2);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pb-0 {
    padding-bottom: 0px;
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-start {
    text-align: start;
  }
  .align-middle {
    vertical-align: middle;
  }
  .font-heading {
    font-family: var(--font-sans);
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .font-serif {
    font-family: var(--font-serif);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[0\.8rem\] {
    font-size: 0.8rem;
  }
  .text-\[10\.4px\] {
    font-size: 10.4px;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-tighter {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .text-balance {
    text-wrap: balance;
  }
  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .break-all {
    word-break: break-all;
  }
  .whitespace-normal {
    white-space: normal;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .text-accent-foreground {
    color: var(--accent-foreground);
  }
  .text-background {
    color: var(--background);
  }
  .text-current {
    color: currentcolor;
  }
  .text-destructive {
    color: var(--destructive);
  }
  .text-foreground {
    color: var(--foreground);
  }
  .text-foreground\/60 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 60%, transparent);
    }
  }
  .text-muted-foreground {
    color: var(--muted-foreground);
  }
  .text-orange-500 {
    color: var(--color-orange-500);
  }
  .text-popover-foreground {
    color: var(--popover-foreground);
  }
  .text-primary {
    color: var(--primary);
  }
  .text-primary-foreground {
    color: var(--primary-foreground);
  }
  .text-secondary-foreground {
    color: var(--secondary-foreground);
  }
  .text-white {
    color: var(--color-white);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .underline {
    text-decoration-line: underline;
  }
  .decoration-primary\/30 {
    text-decoration-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }
  .underline-offset-2 {
    text-underline-offset: 2px;
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .accent-foreground {
    accent-color: var(--foreground);
  }
  .accent-primary {
    accent-color: var(--primary);
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-2xs {
    --tw-shadow: 0 1px var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-none\! {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-foreground\/10 {
    --tw-ring-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }
  .ring-primary {
    --tw-ring-color: var(--primary);
  }
  .ring-primary\/80 {
    --tw-ring-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--primary) 80%, transparent);
    }
  }
  .ring-ring {
    --tw-ring-color: var(--ring);
  }
  .ring-ring\/50 {
    --tw-ring-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }
  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    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,);
  }
  .invert {
    --tw-invert: invert(100%);
    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-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -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, 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;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[color\,box-shadow\] {
    transition-property: color,box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[shadow\,border\,opacity\] {
    transition-property: shadow,border,opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[shadow\,border\] {
    transition-property: shadow,border;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-none {
    transition-property: none;
  }
  .duration-100 {
    --tw-duration: 100ms;
    transition-duration: 100ms;
  }
  .duration-250 {
    --tw-duration: 250ms;
    transition-duration: 250ms;
  }
  .will-change-transform {
    will-change: transform;
  }
  .fade-in-0 {
    --tw-enter-opacity: calc(0/100);
    --tw-enter-opacity: 0;
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .zoom-in-95 {
    --tw-enter-scale: calc(95*1%);
    --tw-enter-scale: .95;
  }
  .\[--cell-radius\:var\(--radius-md\)\] {
    --cell-radius: var(--radius-md);
  }
  .\[--cell-size\:--spacing\(7\)\] {
    --cell-size: calc(var(--spacing) * 7);
  }
  .\[animation-timing-function\:cubic-bezier\(0\.16\,1\,0\.3\,1\)\] {
    animation-timing-function: cubic-bezier(0.16,1,0.3,1);
  }
  .\[content-visibility\:auto\] {
    content-visibility: auto;
  }
  .paused {
    animation-play-state: paused;
  }
  .ring-inset {
    --tw-ring-inset: inset;
  }
  .running {
    animation-play-state: running;
  }
  .slide-in-from-top-2 {
    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
  }
  :is(.\*\*\:inline *) {
    display: inline;
  }
  :is(.\*\*\:whitespace-nowrap *) {
    white-space: nowrap;
  }
  .not-first\:border-l-0:not(:first-child) {
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
  .not-first\:not-last\:rounded-none:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  @media (hover: hover) {
    .group-hover\:opacity-0:is(:where(.group):hover *) {
      opacity: 0%;
    }
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 100%;
    }
  }
  .group-focus\/dropdown-menu-item\:text-accent-foreground:is(:where(.group\/dropdown-menu-item):focus *) {
    color: var(--accent-foreground);
  }
  .group-has-disabled\/field\:opacity-50:is(:where(.group\/field):has(:disabled) *) {
    opacity: 50%;
  }
  .group-has-data-\[slot\=command-shortcut\]\/command-item\:hidden:is(:where(.group\/command-item):has([data-slot="command-shortcut"]) *) {
    display: none;
  }
  .group-has-\[\>input\]\/input-group\:pt-2:is(:where(.group\/input-group):has( > input) *) {
    padding-top: calc(var(--spacing) * 2);
  }
  .group-has-\[\>input\]\/input-group\:pb-2:is(:where(.group\/input-group):has( > input) *) {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .group-data-\[checked\=true\]\/command-item\:opacity-100:is(:where(.group\/command-item)[data-checked="true"] *) {
    opacity: 100%;
  }
  .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) {
    pointer-events: none;
  }
  .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *) {
    opacity: 50%;
  }
  .group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled="true"] *) {
    opacity: 50%;
  }
  .group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused="true"] *) {
    position: relative;
  }
  .group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused="true"] *) {
    z-index: 10;
  }
  .group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused="true"] *) {
    border-color: var(--ring);
  }
  .group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused="true"] *) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused="true"] *) {
    --tw-ring-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }
  .group-data-\[spacing\=0\]\/toggle-group\:rounded-none:is(:where(.group\/toggle-group)[data-spacing="0"] *) {
    border-radius: 0;
  }
  .group-data-\[spacing\=0\]\/toggle-group\:px-2:is(:where(.group\/toggle-group)[data-spacing="0"] *) {
    padding-inline: calc(var(--spacing) * 2);
  }
  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
    display: block;
  }
  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
    text-align: center;
  }
  .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="top"] *) {
    text-align: center;
  }
  .group-data-selected\/command-item\:text-foreground:is(:where(.group\/command-item):where([data-selected="true"]) *) {
    color: var(--foreground);
  }
  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
    cursor: not-allowed;
  }
  .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
    opacity: 50%;
  }
  .peer-disabled\:opacity-70:is(:where(.peer):disabled ~ *) {
    opacity: 70%;
  }
  .file\:inline-flex::file-selector-button {
    display: inline-flex;
  }
  .file\:h-6::file-selector-button {
    height: calc(var(--spacing) * 6);
  }
  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .file\:bg-transparent::file-selector-button {
    background-color: transparent;
  }
  .file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .file\:text-foreground::file-selector-button {
    color: var(--foreground);
  }
  .placeholder\:text-muted-foreground::placeholder {
    color: var(--muted-foreground);
  }
  .before\:pointer-events-none::before {
    content: var(--tw-content);
    pointer-events: none;
  }
  .before\:fixed::before {
    content: var(--tw-content);
    position: fixed;
  }
  .before\:inset-0::before {
    content: var(--tw-content);
    inset: 0px;
  }
  .before\:-z-10::before {
    content: var(--tw-content);
    z-index: calc(10 * -1);
  }
  .before\:bg-black\/10::before {
    content: var(--tw-content);
    background-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .before\:content-\[\'\'\]::before {
    --tw-content: '';
    content: var(--tw-content);
  }
  .after\:absolute::after {
    content: var(--tw-content);
    position: absolute;
  }
  .after\:-inset-2::after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * -2);
  }
  .after\:-inset-2\.5::after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * -2.5);
  }
  .after\:-inset-x-3::after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * -3);
  }
  .after\:-inset-y-2::after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * -2);
  }
  .after\:inset-y-0::after {
    content: var(--tw-content);
    inset-block: 0px;
  }
  .after\:start-1\/2::after {
    content: var(--tw-content);
    inset-inline-start: calc(1/2 * 100%);
  }
  .after\:right-0::after {
    content: var(--tw-content);
    right: 0px;
  }
  .after\:left-0::after {
    content: var(--tw-content);
    left: 0px;
  }
  .after\:h-full::after {
    content: var(--tw-content);
    height: 100%;
  }
  .after\:w-4::after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 4);
  }
  .after\:w-\[18px\]::after {
    content: var(--tw-content);
    width: 18px;
  }
  .after\:-translate-x-1\/2::after {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .after\:bg-muted::after {
    content: var(--tw-content);
    background-color: var(--muted);
  }
  .after\:content-\[\'\'\]::after {
    --tw-content: '';
    content: var(--tw-content);
  }
  .first\:rounded-r-none:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .last\:rounded-l-none:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .checked\:before\:absolute:checked::before {
    content: var(--tw-content);
    position: absolute;
  }
  .checked\:before\:start-1\/2:checked::before {
    content: var(--tw-content);
    inset-inline-start: calc(1/2 * 100%);
  }
  .checked\:before\:top-1\/2:checked::before {
    content: var(--tw-content);
    top: calc(1 / 2 * 100%);
  }
  .checked\:before\:size-2:checked::before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .checked\:before\:-translate-x-1\/2:checked::before {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .checked\:before\:-translate-y-1\/2:checked::before {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .checked\:before\:rounded-full:checked::before {
    content: var(--tw-content);
    border-radius: calc(infinity * 1px);
  }
  .checked\:before\:bg-primary:checked::before {
    content: var(--tw-content);
    background-color: var(--primary);
  }
  .checked\:before\:content-\[\'\'\]:checked::before {
    --tw-content: '';
    content: var(--tw-content);
  }
  @media (hover: hover) {
    .hover\:z-10:hover {
      z-index: 10;
    }
    .hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .hover\:border-primary\/40:hover {
      border-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-primary\/40:hover {
        border-color: color-mix(in oklab, var(--primary) 40%, transparent);
      }
    }
    .hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover {
      background-color: var(--secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover {
        background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);
      }
    }
    .hover\:bg-accent:hover {
      background-color: var(--accent);
    }
    .hover\:bg-accent\/30:hover {
      background-color: var(--accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent\/30:hover {
        background-color: color-mix(in oklab, var(--accent) 30%, transparent);
      }
    }
    .hover\:bg-accent\/40:hover {
      background-color: var(--accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent\/40:hover {
        background-color: color-mix(in oklab, var(--accent) 40%, transparent);
      }
    }
    .hover\:bg-destructive\/20:hover {
      background-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/20:hover {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    .hover\:bg-muted:hover {
      background-color: var(--muted);
    }
    .hover\:bg-muted\/50:hover {
      background-color: var(--muted);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/50:hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }
    .hover\:bg-primary:hover {
      background-color: var(--primary);
    }
    .hover\:bg-primary\/80:hover {
      background-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/80:hover {
        background-color: color-mix(in oklab, var(--primary) 80%, transparent);
      }
    }
    .hover\:bg-transparent:hover {
      background-color: transparent;
    }
    .hover\:text-foreground:hover {
      color: var(--foreground);
    }
    .hover\:text-muted-foreground:hover {
      color: var(--muted-foreground);
    }
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
    .hover\:decoration-primary\/60:hover {
      text-decoration-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:decoration-primary\/60:hover {
        text-decoration-color: color-mix(in oklab, var(--primary) 60%, transparent);
      }
    }
    .hover\:opacity-100:hover {
      opacity: 100%;
    }
    .hover\:ring-3:hover {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip-path: none;
    white-space: normal;
  }
  .focus\:z-10:focus {
    z-index: 10;
  }
  .focus\:bg-accent:focus {
    background-color: var(--accent);
  }
  .focus\:bg-muted\/50:focus {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }
  .focus\:bg-primary:focus {
    background-color: var(--primary);
  }
  .focus\:text-accent-foreground:focus {
    color: var(--accent-foreground);
  }
  .focus\:ring-1:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus\:ring-ring:focus {
    --tw-ring-color: var(--ring);
  }
  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  :is(.focus\:\*\*\:text-accent-foreground:focus *) {
    color: var(--accent-foreground);
  }
  :is(.not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground:not([data-variant="destructive"]):focus *) {
    color: var(--accent-foreground);
  }
  .focus-visible\:z-10:focus-visible {
    z-index: 10;
  }
  .focus-visible\:border-destructive\/40:focus-visible {
    border-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }
  .focus-visible\:border-ring:focus-visible {
    border-color: var(--ring);
  }
  .focus-visible\:border-ring\/50:focus-visible {
    border-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }
  .focus-visible\:ring-0:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-visible\:ring-1:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-visible\:ring-3:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-visible\:ring-\[3px\]:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-visible\:ring-destructive\/20:focus-visible {
    --tw-ring-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }
  .focus-visible\:ring-ring:focus-visible {
    --tw-ring-color: var(--ring);
  }
  .focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }
  .focus-visible\:ring-offset-1:focus-visible {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .focus-visible\:outline-hidden:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
  .active\:ring-3:active {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]) {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
  .disabled\:bg-input\/50:disabled {
    background-color: var(--input);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--input) 50%, transparent);
    }
  }
  .disabled\:bg-transparent:disabled {
    background-color: transparent;
  }
  .disabled\:opacity-50:disabled {
    opacity: 50%;
  }
  :where([data-slot="action-bar-selection"]) .in-data-\[slot\=action-bar-selection\]\:ml-0\.5 {
    margin-left: calc(var(--spacing) * 0.5);
  }
  :where([data-slot="action-bar-selection"]) .in-data-\[slot\=action-bar-selection\]\:h-4 {
    height: calc(var(--spacing) * 4);
  }
  :where([data-slot="action-bar-selection"]) .in-data-\[slot\=action-bar-selection\]\:w-px {
    width: 1px;
  }
  :where([data-slot="button-group"]) .in-data-\[slot\=button-group\]\:rounded-lg {
    border-radius: var(--radius);
  }
  :where([data-slot="card-content"]) .in-data-\[slot\=card-content\]\:bg-transparent {
    background-color: transparent;
  }
  :where([data-slot="combobox-content"]) .in-data-\[slot\=combobox-content\]\:focus-within\:border-inherit:focus-within {
    border-color: inherit;
  }
  :where([data-slot="combobox-content"]) .in-data-\[slot\=combobox-content\]\:focus-within\:ring-0:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-slot="dialog-content"]) .in-data-\[slot\=dialog-content\]\:rounded-lg\! {
    border-radius: var(--radius) !important;
  }
  :where([data-slot="popover-content"]) .in-data-\[slot\=popover-content\]\:bg-transparent {
    background-color: transparent;
  }
  :where([data-slot="tooltip-content"]) .in-data-\[slot\=tooltip-content\]\:bg-background\/20 {
    background-color: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background) 20%, transparent);
    }
  }
  :where([data-slot="tooltip-content"]) .in-data-\[slot\=tooltip-content\]\:text-background {
    color: var(--background);
  }
  .has-disabled\:bg-input\/50:has(:disabled) {
    background-color: var(--input);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--input) 50%, transparent);
    }
  }
  .has-disabled\:opacity-50:has(:disabled) {
    opacity: 50%;
  }
  .has-aria-expanded\:bg-muted\/50:has([aria-expanded="true"]) {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }
  .has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 1.5);
  }
  .has-data-\[icon\=inline-end\]\:pr-2:has([data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 2);
  }
  .group-data-\[spacing\=0\]\/toggle-group\:has-data-\[icon\=inline-end\]\:pr-1\.5:is(:where(.group\/toggle-group)[data-spacing="0"] *):has([data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 1.5);
  }
  .has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 1.5);
  }
  .has-data-\[icon\=inline-start\]\:pl-2:has([data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 2);
  }
  .group-data-\[spacing\=0\]\/toggle-group\:has-data-\[icon\=inline-start\]\:pl-1\.5:is(:where(.group\/toggle-group)[data-spacing="0"] *):has([data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 1.5);
  }
  .has-data-\[slot\=checkbox\]\:pt-2\.5:has([data-slot="checkbox"]) {
    padding-top: calc(var(--spacing) * 2.5);
  }
  .has-data-\[slot\=kbd\]\:pr-1\.5:has([data-slot="kbd"]) {
    padding-right: calc(var(--spacing) * 1.5);
  }
  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has(:is([data-slot=input-group-control]:focus-visible)) {
    border-color: var(--ring);
  }
  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-3:has(:is([data-slot=input-group-control]:focus-visible)) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has(:is([data-slot=input-group-control]:focus-visible)) {
    --tw-ring-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }
  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has(:is([data-slot][aria-invalid=true])) {
    border-color: var(--destructive);
  }
  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-3:has(:is([data-slot][aria-invalid=true])) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has(:is([data-slot][aria-invalid=true])) {
    --tw-ring-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }
  .has-\[\>\[data-align\=block-end\]\]\:h-auto:has( > [data-align=block-end]) {
    height: auto;
  }
  .has-\[\>\[data-align\=block-end\]\]\:flex-col:has( > [data-align=block-end]) {
    flex-direction: column;
  }
  .has-\[\>\[data-align\=block-start\]\]\:h-auto:has( > [data-align=block-start]) {
    height: auto;
  }
  .has-\[\>\[data-align\=block-start\]\]\:flex-col:has( > [data-align=block-start]) {
    flex-direction: column;
  }
  .has-\[\>\[data-slot\=grid-skeleton-toolbar\]\]\:h-\[calc\(100dvh-\(--spacing\(20\)\)\)\]:has( > [data-slot=grid-skeleton-toolbar]) {
    height: calc(100dvh - (calc(var(--spacing) * 20)));
  }
  .has-\[\>button\]\:mr-\[-0\.3rem\]:has( > button) {
    margin-right: -0.3rem;
  }
  .has-\[\>button\]\:ml-\[-0\.3rem\]:has( > button) {
    margin-left: -0.3rem;
  }
  .has-\[\>kbd\]\:mr-\[-0\.15rem\]:has( > kbd) {
    margin-right: -0.15rem;
  }
  .has-\[\>kbd\]\:ml-\[-0\.15rem\]:has( > kbd) {
    margin-left: -0.15rem;
  }
  .has-\[\>svg\]\:p-0:has( > svg) {
    padding: 0px;
  }
  .has-\[\>textarea\]\:h-auto:has( > textarea) {
    height: auto;
  }
  .aria-disabled\:opacity-50[aria-disabled="true"] {
    opacity: 50%;
  }
  .aria-expanded\:bg-muted[aria-expanded="true"] {
    background-color: var(--muted);
  }
  .aria-expanded\:bg-secondary[aria-expanded="true"] {
    background-color: var(--secondary);
  }
  .aria-expanded\:text-foreground[aria-expanded="true"] {
    color: var(--foreground);
  }
  .aria-expanded\:text-secondary-foreground[aria-expanded="true"] {
    color: var(--secondary-foreground);
  }
  .aria-invalid\:border-destructive[aria-invalid="true"] {
    border-color: var(--destructive);
  }
  .aria-invalid\:ring-0[aria-invalid="true"] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .aria-invalid\:ring-3[aria-invalid="true"] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }
  .aria-invalid\:aria-checked\:border-primary[aria-invalid="true"][aria-checked="true"] {
    border-color: var(--primary);
  }
  .aria-pressed\:bg-muted[aria-pressed="true"] {
    background-color: var(--muted);
  }
  .aria-selected\:text-muted-foreground[aria-selected="true"] {
    color: var(--muted-foreground);
  }
  .data-dragging\:cursor-grabbing[data-dragging] {
    cursor: grabbing;
  }
  .data-dragging\:border-primary\/30[data-dragging] {
    border-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }
  .data-dragging\:bg-accent\/30[data-dragging] {
    background-color: var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--accent) 30%, transparent);
    }
  }
  .data-focused\:text-foreground[data-focused] {
    color: var(--foreground);
  }
  .data-focused\:decoration-foreground\/50[data-focused] {
    text-decoration-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--foreground) 50%, transparent);
    }
  }
  @media (hover: hover) {
    .data-focused\:hover\:decoration-foreground\/70[data-focused]:hover {
      text-decoration-color: var(--foreground);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .data-focused\:hover\:decoration-foreground\/70[data-focused]:hover {
        text-decoration-color: color-mix(in oklab, var(--foreground) 70%, transparent);
      }
    }
  }
  .data-inset\:pl-7[data-inset] {
    padding-left: calc(var(--spacing) * 7);
  }
  .data-invalid\:cursor-not-allowed[data-invalid] {
    cursor: not-allowed;
  }
  .data-invalid\:border-destructive[data-invalid] {
    border-color: var(--destructive);
  }
  .data-invalid\:text-destructive[data-invalid] {
    color: var(--destructive);
  }
  .data-invalid\:decoration-destructive\/50[data-invalid] {
    text-decoration-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }
  .data-invalid\:ring-destructive\/20[data-invalid] {
    --tw-ring-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }
  @media (hover: hover) {
    .data-invalid\:hover\:decoration-destructive\/70[data-invalid]:hover {
      text-decoration-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .data-invalid\:hover\:decoration-destructive\/70[data-invalid]:hover {
        text-decoration-color: color-mix(in oklab, var(--destructive) 70%, transparent);
      }
    }
  }
  .data-pending\:opacity-60[data-pending] {
    opacity: 60%;
  }
  .data-placeholder\:text-muted-foreground[data-placeholder] {
    color: var(--muted-foreground);
  }
  .data-size\:h-8[data-size] {
    height: calc(var(--spacing) * 8);
  }
  .data-\[align-trigger\=true\]\:animate-none[data-align-trigger="true"] {
    animation: none;
  }
  .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
    pointer-events: none;
  }
  .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
    opacity: 50%;
  }
  .data-\[error\=true\]\:text-destructive[data-error="true"] {
    color: var(--destructive);
  }
  .data-\[orientation\=horizontal\]\:w-\[calc\(100\%-\(--spacing\(12\)\)\)\][data-orientation="horizontal"] {
    width: calc(100% - (calc(var(--spacing) * 12)));
  }
  .data-\[orientation\=vertical\]\:h-4[data-orientation="vertical"] {
    height: calc(var(--spacing) * 4);
  }
  .data-\[position\=popper\]\:h-\(--radix-select-trigger-height\)[data-position="popper"] {
    height: var(--radix-select-trigger-height);
  }
  .data-\[position\=popper\]\:w-full[data-position="popper"] {
    width: 100%;
  }
  .data-\[position\=popper\]\:min-w-\(--radix-select-trigger-width\)[data-position="popper"] {
    min-width: var(--radix-select-trigger-width);
  }
  .data-\[range-end\=true\]\:rounded-\(--cell-radius\)[data-range-end="true"] {
    border-radius: var(--cell-radius);
  }
  .data-\[range-end\=true\]\:rounded-r-\(--cell-radius\)[data-range-end="true"] {
    border-top-right-radius: var(--cell-radius);
    border-bottom-right-radius: var(--cell-radius);
  }
  .data-\[range-end\=true\]\:bg-primary[data-range-end="true"] {
    background-color: var(--primary);
  }
  .data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"] {
    color: var(--primary-foreground);
  }
  .data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] {
    border-radius: 0;
  }
  .data-\[range-middle\=true\]\:bg-muted[data-range-middle="true"] {
    background-color: var(--muted);
  }
  .data-\[range-middle\=true\]\:text-foreground[data-range-middle="true"] {
    color: var(--foreground);
  }
  .data-\[range-start\=true\]\:rounded-\(--cell-radius\)[data-range-start="true"] {
    border-radius: var(--cell-radius);
  }
  .data-\[range-start\=true\]\:rounded-l-\(--cell-radius\)[data-range-start="true"] {
    border-top-left-radius: var(--cell-radius);
    border-bottom-left-radius: var(--cell-radius);
  }
  .data-\[range-start\=true\]\:bg-primary[data-range-start="true"] {
    background-color: var(--primary);
  }
  .data-\[range-start\=true\]\:text-primary-foreground[data-range-start="true"] {
    color: var(--primary-foreground);
  }
  .data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"] {
    background-color: var(--primary);
  }
  .data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single="true"] {
    color: var(--primary-foreground);
  }
  .data-\[selected\=true\]\:rounded-none[data-selected="true"] {
    border-radius: 0;
  }
  .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
    --tw-translate-y: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[side\=bottom\]\:slide-in-from-bottom-4[data-side="bottom"] {
    --tw-enter-translate-y: calc(4*var(--spacing));
  }
  .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
  }
  .data-\[side\=left\]\:w-full[data-side="left"] {
    width: 100%;
  }
  .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
    --tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
    --tw-enter-translate-x: calc(2*var(--spacing));
  }
  .data-\[side\=right\]\:translate-x-1[data-side="right"] {
    --tw-translate-x: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
    --tw-enter-translate-x: calc(2*var(--spacing)*-1);
  }
  .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
    --tw-enter-translate-y: calc(2*var(--spacing));
  }
  .data-\[side\=top\]\:slide-in-from-top-4[data-side="top"] {
    --tw-enter-translate-y: calc(4*var(--spacing)*-1);
  }
  .data-\[size\=default\]\:h-8[data-size="default"] {
    height: calc(var(--spacing) * 8);
  }
  .data-\[size\=sm\]\:h-7[data-size="sm"] {
    height: calc(var(--spacing) * 7);
  }
  .data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\][data-size="sm"] {
    border-radius: min(var(--radius-md), 10px);
  }
  :is(.\*\*\:data-\[slot\=\'range-min\'\]\:border-r-0 *)[data-slot='range-min'] {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
  :is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-auto *)[data-slot="command-input-wrapper"] {
    height: auto;
  }
  :is(.\*\*\:data-\[slot\=command-input-wrapper\]\:border-none *)[data-slot="command-input-wrapper"] {
    --tw-border-style: none;
    border-style: none;
  }
  :is(.\*\*\:data-\[slot\=command-input-wrapper\]\:p-0 *)[data-slot="command-input-wrapper"] {
    padding: 0px;
  }
  :is(.\*\*\:data-\[slot\=grid-cell-content\]\:line-clamp-1 *)[data-slot="grid-cell-content"] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  :is(.\*\*\:data-\[slot\=grid-cell-content\]\:line-clamp-2 *)[data-slot="grid-cell-content"] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  :is(.\*\*\:data-\[slot\=grid-cell-content\]\:line-clamp-3 *)[data-slot="grid-cell-content"] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  :is(.\*\*\:data-\[slot\=grid-cell-content\]\:line-clamp-4 *)[data-slot="grid-cell-content"] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  :is(.\*\:data-\[slot\=input-group-addon\]\:pl-2\! > *)[data-slot="input-group-addon"] {
    padding-left: calc(var(--spacing) * 2) !important;
  }
  :is(.\*\*\:data-\[slot\=kbd\]\:relative *)[data-slot="kbd"] {
    position: relative;
  }
  :is(.\*\*\:data-\[slot\=kbd\]\:isolate *)[data-slot="kbd"] {
    isolation: isolate;
  }
  :is(.\*\*\:data-\[slot\=kbd\]\:z-50 *)[data-slot="kbd"] {
    z-index: 50;
  }
  :is(.\*\*\:data-\[slot\=kbd\]\:rounded-sm *)[data-slot="kbd"] {
    border-radius: calc(var(--radius) - 4px);
  }
  :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
    display: flex;
  }
  :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] {
    align-items: center;
  }
  :is(.\*\:data-\[slot\=select-value\]\:gap-1\.5 > *)[data-slot="select-value"] {
    gap: calc(var(--spacing) * 1.5);
  }
  .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-l-lg:is(:where(.group\/toggle-group):where([data-orientation="horizontal"]) *)[data-spacing="0"]:first-child {
    border-top-left-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
  }
  .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-t-lg:is(:where(.group\/toggle-group):where([data-orientation="vertical"]) *)[data-spacing="0"]:first-child {
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
  }
  .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-r-lg:is(:where(.group\/toggle-group):where([data-orientation="horizontal"]) *)[data-spacing="0"]:last-child {
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
  }
  .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-b-lg:is(:where(.group\/toggle-group):where([data-orientation="vertical"]) *)[data-spacing="0"]:last-child {
    border-bottom-right-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
  }
  .data-\[state\=active\]\:text-accent-foreground[data-state="active"] {
    color: var(--accent-foreground);
  }
  .data-\[state\=checked\]\:translate-x-4[data-state="checked"] {
    --tw-translate-x: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[state\=checked\]\:bg-primary[data-state="checked"] {
    background-color: var(--primary);
  }
  .data-\[state\=checked\]\:opacity-100[data-state="checked"] {
    opacity: 100%;
  }
  .data-\[state\=closed\]\:overflow-hidden[data-state="closed"] {
    overflow: hidden;
  }
  .data-\[state\=delayed-open\]\:animate-in[data-state="delayed-open"] {
    animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  }
  .data-\[state\=delayed-open\]\:fade-in-0[data-state="delayed-open"] {
    --tw-enter-opacity: calc(0/100);
    --tw-enter-opacity: 0;
  }
  .data-\[state\=delayed-open\]\:zoom-in-95[data-state="delayed-open"] {
    --tw-enter-scale: calc(95*1%);
    --tw-enter-scale: .95;
  }
  .data-\[state\=on\]\:bg-accent\/70[data-state="on"] {
    background-color: var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--accent) 70%, transparent);
    }
  }
  .data-\[state\=on\]\:bg-muted[data-state="on"] {
    background-color: var(--muted);
  }
  @media (hover: hover) {
    .data-\[state\=on\]\:hover\:bg-accent\/90[data-state="on"]:hover {
      background-color: var(--accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .data-\[state\=on\]\:hover\:bg-accent\/90[data-state="on"]:hover {
        background-color: color-mix(in oklab, var(--accent) 90%, transparent);
      }
    }
  }
  .data-\[state\=open\]\:bg-accent[data-state="open"] {
    background-color: var(--accent);
  }
  .data-\[state\=open\]\:bg-accent\/40[data-state="open"] {
    background-color: var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--accent) 40%, transparent);
    }
  }
  .data-\[state\=open\]\:bg-muted[data-state="open"] {
    background-color: var(--muted);
  }
  .data-\[state\=selected\]\:bg-primary\/10[data-state="selected"] {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }
  .data-\[state\=selected\]\:outline[data-state="selected"] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .data-\[state\=selected\]\:outline-1[data-state="selected"] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .data-\[state\=selected\]\:outline-primary\/35[data-state="selected"] {
    outline-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      outline-color: color-mix(in oklab, var(--primary) 35%, transparent);
    }
  }
  .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] {
    color: var(--destructive);
  }
  .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
    background-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }
  .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus {
    color: var(--destructive);
  }
  .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0:is(:where(.group\/toggle-group):where([data-orientation="horizontal"]) *)[data-spacing="0"][data-variant="outline"] {
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
  .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-t-0:is(:where(.group\/toggle-group):where([data-orientation="vertical"]) *)[data-spacing="0"][data-variant="outline"] {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l:is(:where(.group\/toggle-group):where([data-orientation="horizontal"]) *)[data-spacing="0"][data-variant="outline"]:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-t:is(:where(.group\/toggle-group):where([data-orientation="vertical"]) *)[data-spacing="0"][data-variant="outline"]:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction="bottom"] {
    inset-inline: 0px;
  }
  .data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction="bottom"] {
    bottom: 0px;
  }
  .data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction="bottom"] {
    margin-top: calc(var(--spacing) * 24);
  }
  .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction="bottom"] {
    max-height: 80vh;
  }
  .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-xl[data-vaul-drawer-direction="bottom"] {
    border-top-left-radius: calc(var(--radius) + 4px);
    border-top-right-radius: calc(var(--radius) + 4px);
  }
  .data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction="bottom"] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction="left"] {
    inset-block: 0px;
  }
  .data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction="left"] {
    left: 0px;
  }
  .data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction="left"] {
    width: calc(3 / 4 * 100%);
  }
  .data-\[vaul-drawer-direction\=left\]\:rounded-r-xl[data-vaul-drawer-direction="left"] {
    border-top-right-radius: calc(var(--radius) + 4px);
    border-bottom-right-radius: calc(var(--radius) + 4px);
  }
  .data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction="left"] {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction="right"] {
    inset-block: 0px;
  }
  .data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction="right"] {
    right: 0px;
  }
  .data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction="right"] {
    width: calc(3 / 4 * 100%);
  }
  .data-\[vaul-drawer-direction\=right\]\:rounded-l-xl[data-vaul-drawer-direction="right"] {
    border-top-left-radius: calc(var(--radius) + 4px);
    border-bottom-left-radius: calc(var(--radius) + 4px);
  }
  .data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction="right"] {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction="top"] {
    inset-inline: 0px;
  }
  .data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction="top"] {
    top: 0px;
  }
  .data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction="top"] {
    margin-bottom: calc(var(--spacing) * 24);
  }
  .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction="top"] {
    max-height: 80vh;
  }
  .data-\[vaul-drawer-direction\=top\]\:rounded-b-xl[data-vaul-drawer-direction="top"] {
    border-bottom-right-radius: calc(var(--radius) + 4px);
    border-bottom-left-radius: calc(var(--radius) + 4px);
  }
  .data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction="top"] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  @supports (backdrop-filter: var(--tw)) {
    .supports-backdrop-filter\:bg-background\/60 {
      background-color: var(--background);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .supports-backdrop-filter\:bg-background\/60 {
        background-color: color-mix(in oklab, var(--background) 60%, transparent);
      }
    }
    .supports-backdrop-filter\:backdrop-blur-xs {
      --tw-backdrop-blur: blur(var(--blur-xs));
      -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,);
    }
    .supports-backdrop-filter\:before\:backdrop-blur-xs::before {
      content: var(--tw-content);
      --tw-backdrop-blur: blur(var(--blur-xs));
      -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,);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:animate-none {
      animation: none;
    }
    .motion-reduce\:transition-none {
      transition-property: none;
    }
  }
  @media (width >= 40rem) {
    .sm\:block {
      display: block;
    }
    .sm\:hidden {
      display: none;
    }
    .sm\:max-w-2xl {
      max-width: var(--container-2xl);
    }
    .sm\:max-w-3xl {
      max-width: var(--container-3xl);
    }
    .sm\:max-w-4xl {
      max-width: var(--container-4xl);
    }
    .sm\:max-w-lg {
      max-width: var(--container-lg);
    }
    .sm\:max-w-xl {
      max-width: var(--container-xl);
    }
    .sm\:min-w-\[380px\] {
      min-width: 380px;
    }
    .sm\:min-w-\[480px\] {
      min-width: 480px;
    }
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:flex-row {
      flex-direction: row;
    }
    .sm\:justify-end {
      justify-content: flex-end;
    }
    .sm\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
    .sm\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
    .sm\:p-3 {
      padding: calc(var(--spacing) * 3);
    }
    .sm\:p-5 {
      padding: calc(var(--spacing) * 5);
    }
    .data-\[side\=left\]\:sm\:max-w-none[data-side="left"] {
      max-width: none;
    }
    .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction="left"] {
      max-width: var(--container-sm);
    }
    .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction="right"] {
      max-width: var(--container-sm);
    }
  }
  @media (width >= 48rem) {
    .md\:block {
      display: block;
    }
    .md\:flex {
      display: flex;
    }
    .md\:hidden {
      display: none;
    }
    .md\:flex-row {
      flex-direction: row;
    }
    .md\:gap-0\.5 {
      gap: calc(var(--spacing) * 0.5);
    }
    .md\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }
    .md\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }
    .md\:text-left {
      text-align: left;
    }
    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  @media (width >= 64rem) {
    .lg\:block {
      display: block;
    }
    .lg\:flex {
      display: flex;
    }
    .lg\:hidden {
      display: none;
    }
    .lg\:w-56 {
      width: calc(var(--spacing) * 56);
    }
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
    .lg\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 80rem) {
    .xl\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .xl\:block {
      display: block;
    }
    .xl\:hidden {
      display: none;
    }
    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 96rem) {
    .\32 xl\:block {
      display: block;
    }
    .\32 xl\:hidden {
      display: none;
    }
  }
  .ltr\:pr-8:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    padding-right: calc(var(--spacing) * 8);
  }
  .ltr\:pl-2:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    padding-left: calc(var(--spacing) * 2);
  }
  :where(.rtl\:space-x-reverse:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) > :not(:last-child)) {
    --tw-space-x-reverse: 1;
  }
  .rtl\:pr-2:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-right: calc(var(--spacing) * 2);
  }
  .rtl\:pl-8:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-left: calc(var(--spacing) * 8);
  }
  .dark\:scale-0:is(.dark *) {
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .dark\:scale-100:is(.dark *) {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .dark\:-rotate-90:is(.dark *) {
    rotate: calc(90deg * -1);
  }
  .dark\:rotate-0:is(.dark *) {
    rotate: 0deg;
  }
  .dark\:border-input:is(.dark *) {
    border-color: var(--input);
  }
  .dark\:bg-destructive\/20:is(.dark *) {
    background-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }
  .dark\:bg-input\/30:is(.dark *) {
    background-color: var(--input);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }
  .dark\:bg-orange-900\/50:is(.dark *) {
    background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-orange-900) 50%, transparent);
    }
  }
  .dark\:bg-transparent:is(.dark *) {
    background-color: transparent;
  }
  .dark\:bg-yellow-900\/30:is(.dark *) {
    background-color: color-mix(in srgb, oklch(42.1% 0.095 57.708) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-yellow-900) 30%, transparent);
    }
  }
  @media (hover: hover) {
    .dark\:hover\:bg-destructive\/30:is(.dark *):hover {
      background-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-destructive\/30:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
      }
    }
    .dark\:hover\:bg-input\/50:is(.dark *):hover {
      background-color: var(--input);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-input\/50:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--input) 50%, transparent);
      }
    }
    .dark\:hover\:bg-muted\/50:is(.dark *):hover {
      background-color: var(--muted);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-muted\/50:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }
    .dark\:hover\:bg-transparent:is(.dark *):hover {
      background-color: transparent;
    }
    .dark\:hover\:text-foreground:is(.dark *):hover {
      color: var(--foreground);
    }
  }
  .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
    --tw-ring-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }
  .dark\:disabled\:bg-input\/80:is(.dark *):disabled {
    background-color: var(--input);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--input) 80%, transparent);
    }
  }
  .dark\:disabled\:bg-transparent:is(.dark *):disabled {
    background-color: transparent;
  }
  :where([data-slot="tooltip-content"]) .dark\:in-data-\[slot\=tooltip-content\]\:bg-background\/10:is(.dark *) {
    background-color: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background) 10%, transparent);
    }
  }
  .dark\:has-disabled\:bg-input\/80:is(.dark *):has(:disabled) {
    background-color: var(--input);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--input) 80%, transparent);
    }
  }
  .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has(:is([data-slot][aria-invalid=true])) {
    --tw-ring-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }
  .dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid="true"] {
    border-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }
  .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }
  .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus {
    background-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }
  .data-open\:animate-in:where([data-state="open"]), .data-open\:animate-in:where([data-open]:not([data-open="false"])) {
    animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  }
  .data-open\:bg-accent:where([data-state="open"]), .data-open\:bg-accent:where([data-open]:not([data-open="false"])) {
    background-color: var(--accent);
  }
  .data-open\:text-accent-foreground:where([data-state="open"]), .data-open\:text-accent-foreground:where([data-open]:not([data-open="false"])) {
    color: var(--accent-foreground);
  }
  .data-open\:fade-in-0:where([data-state="open"]), .data-open\:fade-in-0:where([data-open]:not([data-open="false"])) {
    --tw-enter-opacity: calc(0/100);
    --tw-enter-opacity: 0;
  }
  .data-open\:zoom-in-95:where([data-state="open"]), .data-open\:zoom-in-95:where([data-open]:not([data-open="false"])) {
    --tw-enter-scale: calc(95*1%);
    --tw-enter-scale: .95;
  }
  .data-closed\:animate-out:where([data-state="closed"]), .data-closed\:animate-out:where([data-closed]:not([data-closed="false"])) {
    animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  }
  .data-closed\:fade-out-0:where([data-state="closed"]), .data-closed\:fade-out-0:where([data-closed]:not([data-closed="false"])) {
    --tw-exit-opacity: calc(0/100);
    --tw-exit-opacity: 0;
  }
  .data-closed\:zoom-out-95:where([data-state="closed"]), .data-closed\:zoom-out-95:where([data-closed]:not([data-closed="false"])) {
    --tw-exit-scale: calc(95*1%);
    --tw-exit-scale: .95;
  }
  .data-checked\:border-primary:where([data-state="checked"]), .data-checked\:border-primary:where([data-checked]:not([data-checked="false"])) {
    border-color: var(--primary);
  }
  .data-checked\:bg-primary:where([data-state="checked"]), .data-checked\:bg-primary:where([data-checked]:not([data-checked="false"])) {
    background-color: var(--primary);
  }
  .data-checked\:text-primary-foreground:where([data-state="checked"]), .data-checked\:text-primary-foreground:where([data-checked]:not([data-checked="false"])) {
    color: var(--primary-foreground);
  }
  .dark\:data-checked\:bg-primary:is(.dark *):where([data-state="checked"]), .dark\:data-checked\:bg-primary:is(.dark *):where([data-checked]:not([data-checked="false"])) {
    background-color: var(--primary);
  }
  .data-selected\:bg-muted:where([data-selected="true"]) {
    background-color: var(--muted);
  }
  .data-selected\:text-foreground:where([data-selected="true"]) {
    color: var(--foreground);
  }
  .data-disabled\:pointer-events-none:where([data-disabled="true"]), .data-disabled\:pointer-events-none:where([data-disabled]:not([data-disabled="false"])) {
    pointer-events: none;
  }
  .data-disabled\:opacity-50:where([data-disabled="true"]), .data-disabled\:opacity-50:where([data-disabled]:not([data-disabled="false"])) {
    opacity: 50%;
  }
  .data-horizontal\:h-1:where([data-orientation="horizontal"]) {
    height: var(--spacing);
  }
  .data-horizontal\:h-full:where([data-orientation="horizontal"]) {
    height: 100%;
  }
  .data-horizontal\:h-px:where([data-orientation="horizontal"]) {
    height: 1px;
  }
  .data-horizontal\:w-full:where([data-orientation="horizontal"]) {
    width: 100%;
  }
  .data-vertical\:h-full:where([data-orientation="vertical"]) {
    height: 100%;
  }
  .data-vertical\:min-h-40:where([data-orientation="vertical"]) {
    min-height: calc(var(--spacing) * 40);
  }
  .data-vertical\:w-1:where([data-orientation="vertical"]) {
    width: var(--spacing);
  }
  .data-vertical\:w-auto:where([data-orientation="vertical"]) {
    width: auto;
  }
  .data-vertical\:w-full:where([data-orientation="vertical"]) {
    width: 100%;
  }
  .data-vertical\:w-px:where([data-orientation="vertical"]) {
    width: 1px;
  }
  .data-vertical\:flex-col:where([data-orientation="vertical"]) {
    flex-direction: column;
  }
  .data-vertical\:items-stretch:where([data-orientation="vertical"]) {
    align-items: stretch;
  }
  .data-vertical\:self-stretch:where([data-orientation="vertical"]) {
    align-self: stretch;
  }
  .\[\&_\*\]\:whitespace-nowrap * {
    white-space: nowrap;
  }
  .\[\&_\[cmdk-input-wrapper\]_svg\]\:hidden [cmdk-input-wrapper] svg {
    display: none;
  }
  .\[\&_\[data-slot\=button\]\]\:px-\[8px\] [data-slot=button] {
    padding-inline: 8px;
  }
  .\[\&_\[data-slot\=command-input-wrapper\]_svg\]\:hidden [data-slot=command-input-wrapper] svg {
    display: none;
  }
  .\[\&_br\]\:hidden br {
    display: none;
  }
  .\[\&_input\]\:rounded-none input {
    border-radius: 0;
  }
  .\[\&_input\]\:px-1\.5 input {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }
  .\[\&_svg\]\:invisible svg {
    visibility: hidden;
  }
  .\[\&_svg\]\:hidden svg {
    display: none;
  }
  .\[\&_svg\]\:size-4 svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }
  .\[\&_svg\]\:text-muted-foreground svg {
    color: var(--muted-foreground);
  }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*='size-']) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*='size-']) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .\[\&_svg\:nth-child\(2\)\]\:hidden svg:nth-child(2) {
    display: none;
  }
  .\[\&_tr\]\:border-b tr {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .\[\&_tr\:last-child\]\:border-0 tr:last-child {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
    appearance: none;
  }
  .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
    appearance: none;
  }
  .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-\(--cell-radius\):first-child[data-selected=true] button {
    border-top-left-radius: var(--cell-radius);
    border-bottom-left-radius: var(--cell-radius);
  }
  .\[\&\:has\(\[role\=checkbox\]\)\]\:pe-0:has([role=checkbox]) {
    padding-inline-end: 0px;
  }
  .\[\.border-b\]\:pb-2:is(.border-b) {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .\[\.border-t\]\:pt-2:is(.border-t) {
    padding-top: calc(var(--spacing) * 2);
  }
  :is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_next > svg) {
    rotate: 180deg;
  }
  :is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_previous > svg) {
    rotate: 180deg;
  }
  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:px-2 *):is([cmdk-group-heading]) {
    padding-inline: calc(var(--spacing) * 2);
  }
  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:py-1\.5 *):is([cmdk-group-heading]) {
    padding-block: calc(var(--spacing) * 1.5);
  }
  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:text-xs *):is([cmdk-group-heading]) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:font-medium *):is([cmdk-group-heading]) {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:text-muted-foreground *):is([cmdk-group-heading]) {
    color: var(--muted-foreground);
  }
  :is(.\*\:\[a\]\:underline > *):is(a) {
    text-decoration-line: underline;
  }
  :is(.\*\:\[a\]\:underline-offset-3 > *):is(a) {
    text-underline-offset: 3px;
  }
  @media (hover: hover) {
    .\[a\]\:hover\:bg-destructive\/20:is(a):hover {
      background-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .\[a\]\:hover\:bg-destructive\/20:is(a):hover {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    .\[a\]\:hover\:bg-muted:is(a):hover {
      background-color: var(--muted);
    }
    .\[a\]\:hover\:bg-primary\/80:is(a):hover {
      background-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .\[a\]\:hover\:bg-primary\/80:is(a):hover {
        background-color: color-mix(in oklab, var(--primary) 80%, transparent);
      }
    }
    .\[a\]\:hover\:bg-secondary\/80:is(a):hover {
      background-color: var(--secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .\[a\]\:hover\:bg-secondary\/80:is(a):hover {
        background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
      }
    }
    .\[a\]\:hover\:text-muted-foreground:is(a):hover {
      color: var(--muted-foreground);
    }
    :is(.\*\:\[a\]\:hover\:text-foreground > *):is(a):hover {
      color: var(--foreground);
    }
  }
  :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
    display: flex;
  }
  :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
    align-items: center;
  }
  :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
    gap: calc(var(--spacing) * 2);
  }
  :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive[data-variant="destructive"] > *):is(svg) {
    color: var(--destructive);
  }
  :is(.data-selected\:\*\:\[svg\]\:text-foreground:where([data-selected="true"]) > *):is(svg) {
    color: var(--foreground);
  }
  .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-\(--cell-radius\):last-child[data-selected=true] button {
    border-top-right-radius: var(--cell-radius);
    border-bottom-right-radius: var(--cell-radius);
  }
  .\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-\(--cell-radius\):nth-child(2)[data-selected=true] button {
    border-top-left-radius: var(--cell-radius);
    border-bottom-left-radius: var(--cell-radius);
  }
  .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has( > [data-align=block-end]) > input {
    padding-top: calc(var(--spacing) * 3);
  }
  .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has( > [data-align=block-start]) > input {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-1\.5:has( > [data-align=inline-end]) > input {
    padding-right: calc(var(--spacing) * 1.5);
  }
  .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-1\.5:has( > [data-align=inline-start]) > input {
    padding-left: calc(var(--spacing) * 1.5);
  }
  .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] > kbd {
    border-radius: calc(var(--radius) - 5px);
  }
  .\[\&\>span\]\:hidden > span {
    display: none;
  }
  .\[\&\>span\]\:text-xs > span {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .\[\&\>span\]\:opacity-70 > span {
    opacity: 70%;
  }
  .\[\&\>span\:first-child\]\:right-2 > span:first-child {
    right: calc(var(--spacing) * 2);
  }
  .\[\&\>span\:first-child\]\:left-auto > span:first-child {
    left: auto;
  }
  .\[\&\>span\:first-child\]\:ltr\:right-2 > span:first-child:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    right: calc(var(--spacing) * 2);
  }
  .\[\&\>span\:first-child\]\:ltr\:left-auto > span:first-child:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    left: auto;
  }
  .\[\&\>span\:first-child\]\:rtl\:right-auto > span:first-child:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    right: auto;
  }
  .\[\&\>span\:first-child\]\:rtl\:left-2 > span:first-child:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    left: calc(var(--spacing) * 2);
  }
  .\[\&\>svg\]\:pointer-events-none > svg {
    pointer-events: none;
  }
  .\[\&\>svg\]\:size-3\! > svg {
    width: calc(var(--spacing) * 3) !important;
    height: calc(var(--spacing) * 3) !important;
  }
  .\[\&\>svg\]\:size-3\.5 > svg {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .\[\&\>svg\]\:text-muted-foreground > svg {
    color: var(--muted-foreground);
  }
  @media (width < 400px) {
    .max-\[400px\]\:\[\&\>svg\]\:hidden > svg {
      display: none;
    }
  }
  .\[\&\>svg\:last-child\]\:hidden > svg:last-child {
    display: none;
  }
  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 > svg:not([class*='size-']) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 > svg:not([class*='size-']) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .\[\&\>tr\]\:last\:border-b-0 > tr:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
}
@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}
@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}
@property --tw-animation-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}
@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
:root {
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);
  --primary: oklch(0.205 0 0);
  --primary-foreground: oklch(0.985 0 0);
  --secondary: oklch(0.97 0 0);
  --secondary-foreground: oklch(0.205 0 0);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.556 0 0);
  --accent: oklch(0.97 0 0);
  --accent-foreground: oklch(0.205 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(0.577 0.245 27.325);
  --border: oklch(0.922 0 0);
  --input: oklch(0.922 0 0);
  --ring: oklch(0.708 0 0);
  --chart-1: oklch(0.87 0 0);
  --chart-2: oklch(0.556 0 0);
  --chart-3: oklch(0.439 0 0);
  --chart-4: oklch(0.371 0 0);
  --chart-5: oklch(0.269 0 0);
  --radius: 0.625rem;
  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.145 0 0);
  --sidebar-primary: oklch(0.205 0 0);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.97 0 0);
  --sidebar-accent-foreground: oklch(0.205 0 0);
  --sidebar-border: oklch(0.922 0 0);
  --sidebar-ring: oklch(0.708 0 0);
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
}
.dark {
  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.205 0 0);
  --card-foreground: oklch(0.985 0 0);
  --popover: oklch(0.205 0 0);
  --popover-foreground: oklch(0.985 0 0);
  --primary: oklch(0.922 0 0);
  --primary-foreground: oklch(0.205 0 0);
  --secondary: oklch(0.269 0 0);
  --secondary-foreground: oklch(0.985 0 0);
  --muted: oklch(0.269 0 0);
  --muted-foreground: oklch(0.708 0 0);
  --accent: oklch(0.269 0 0);
  --accent-foreground: oklch(0.985 0 0);
  --destructive: oklch(0.704 0.191 22.216);
  --destructive-foreground: oklch(0.637 0.237 25.331);
  --border: oklch(1 0 0 / 10%);
  --input: oklch(1 0 0 / 15%);
  --ring: oklch(0.556 0 0);
  --chart-1: oklch(0.87 0 0);
  --chart-2: oklch(0.556 0 0);
  --chart-3: oklch(0.439 0 0);
  --chart-4: oklch(0.371 0 0);
  --chart-5: oklch(0.269 0 0);
  --sidebar: oklch(0.205 0 0);
  --sidebar-foreground: oklch(0.985 0 0);
  --sidebar-primary: oklch(0.488 0.243 264.376);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.269 0 0);
  --sidebar-accent-foreground: oklch(0.985 0 0);
  --sidebar-border: oklch(1 0 0 / 10%);
  --sidebar-ring: oklch(0.556 0 0);
}
@layer base {
  button,
  [data-slot="button"],
  [role="button"],
  input[type="button"],
  input[type="submit"],
  input[type="reset"] {
    border-radius: 7px !important;
  }
  * {
    border-color: var(--border);
    outline-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }
  body {
    background-color: var(--background);
    color: var(--foreground);
  }
  html {
    font-family: var(--font-sans);
  }
  @media (any-pointer: coarse) {
    html {
      touch-action: pan-x pan-y;
    }
  }
}
.toaster [data-sonner-toast]:is([data-type="success"], [data-type="info"], [data-type="normal"], [data-type="default"]) {
  display: none !important;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity,1);
    transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
    filter: blur(var(--tw-enter-blur,0));
  }
}
@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity,1);
    transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
    filter: blur(var(--tw-exit-blur,0));
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-content: "";
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
    }
  }
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/creator.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* WepApp Creator application shell. Theme tokens are supplied by TweakCN presets. */
.wc-media-block {
  min-width: 0;
}
.wc-media-tools {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  font-size: 0.8rem;
  opacity: 0.85;
}
.wc-media-card,
.wc-media-footer {
  border: 1px solid var(--border);
  background: var(--card);
  color: var(--card-foreground);
  border-radius: 12px;
  padding: clamp(16px, 3vw, 28px);
  overflow: hidden;
}
.wc-media-card h2,
.wc-media-footer h2 {
  font-size: clamp(1.2rem, 2vw, 1.8rem);
  font-weight: 650;
  line-height: 1.2;
  margin-bottom: 12px;
}
.wc-media-card figure,
.wc-media-dialog figure {
  margin: 0 0 16px;
}
.wc-media-card img,
.wc-media-dialog img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: 520px;
  object-fit: contain;
  border-radius: 8px;
}
.wc-media-card figcaption,
.wc-media-dialog figcaption,
.wc-media-byline {
  font-size: 0.85rem;
  color: var(--muted-foreground);
  margin-top: 6px;
}
.wc-media-banner {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  align-items: center;
  gap: 24px;
  min-height: 180px;
}
.wc-media-banner:not(:has(figure)) {
  grid-template-columns: 1fr;
}
.wc-media-banner_vertical .wc-media-banner,
.wc-media-banner_sidebar .wc-media-banner {
  grid-template-columns: 1fr;
  min-height: 400px;
}
.wc-media-banner_top .wc-media-banner {
  border-top: 5px solid var(--primary);
}
.wc-media-top_banner h2 {
  font-size: clamp(1.5rem, 3vw, 2.6rem);
}
.wc-media-text {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.65;
}
.wc-media-copy {
  display: grid;
  gap: 12px;
  min-width: 0;
}
.wc-media-action {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  font-weight: 600;
  text-decoration: underline;
}
.wc-media-reverse {
  background: var(--primary);
  color: var(--primary-foreground);
}
.wc-media-reverse .wc-media-byline,
.wc-media-reverse figcaption {
  color: inherit;
}
.wc-media-eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.8rem;
  margin-bottom: 8px;
}
.wc-media-card details {
  border-top: 1px solid var(--border);
  padding: 14px 0;
}
.wc-media-card summary {
  cursor: pointer;
  font-weight: 600;
}
.wc-media-article_small .wc-media-story {
  display: grid;
  grid-template-columns: minmax(80px, 1fr) 2fr;
  gap: 16px;
}
.wc-media-article_medium img {
  max-height: 280px;
  object-fit: cover;
}
.wc-media-article_large img {
  max-height: 440px;
  object-fit: cover;
}
.wc-media-article_text {
  border-left: 4px solid var(--primary);
}
.wc-media-article_video_text .wc-media-copy {
  max-width: 900px;
}
.wc-media-article-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap: 24px;
  margin-top: 24px;
}
.wc-media-story h3 {
  font-size: 1.3rem;
  font-weight: 600;
  margin: 8px 0;
}
.wc-media-story h3 button {
  text-align: start;
  text-decoration: underline;
  cursor: pointer;
}
.wc-media-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 12px;
}
.wc-media-image-button {
  display: block;
  width: 100%;
  min-height: 80px;
  cursor: zoom-in;
}
.wc-media-thumbs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  margin-top: 12px;
}
.wc-media-thumbs button {
  min-width: 80px;
  width: 80px;
  border: 2px solid transparent;
  border-radius: 6px;
}
.wc-media-thumbs button[aria-pressed="true"] {
  border-color: var(--primary);
}
.wc-media-thumbs img {
  height: 65px;
  object-fit: cover;
}
.wc-media-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 12px 0;
}
.wc-media-row > input,
.wc-media-row > label {
  flex: 1;
  min-width: 140px;
}
.wc-media-dialog {
  width: min(94vw, 1000px);
  max-width: 1000px;
  max-height: 90dvh;
  overflow-y: auto;
}
.wc-media-video {
  width: 100%;
  max-height: 440px;
}
.wc-media-editor fieldset,
.wc-media-editor-item,
.wc-media-library {
  display: grid;
  gap: 12px;
  min-width: 0;
}
.wc-media-editor label {
  display: grid;
  gap: 6px;
}
.wc-media-editor select,
.wc-media-row select {
  max-width: 100%;
  border: 1px solid var(--border);
  background: var(--background);
  color: var(--foreground);
  padding: 8px;
  border-radius: 6px;
}
.wc-media-editor-item,
.wc-media-publication,
.wc-media-editor-article,
.wc-media-library,
.wc-media-request {
  border: 1px solid var(--border);
  padding: 14px;
  margin-top: 14px;
  border-radius: 8px;
}
.wc-media-footer nav {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 18px;
}
.wc-media-footer a {
  text-decoration: underline;
}
@media (max-width: 800px) {
  .wc-media-banner,
  .wc-media-article_small .wc-media-story {
    grid-template-columns: 1fr;
  }
  .wc-media-tools {
    flex-wrap: wrap;
  }
}
.wc-capability {
  min-width: 0;
}
.wc-cap-panel,
.wc-cap-form,
.wc-cap-form fieldset,
.wc-cap-capture {
  display: grid;
  gap: 12px;
  min-width: 0;
}
.wc-cap-form label {
  display: grid;
  gap: 6px;
}
.wc-visunav {
  display: grid;
  gap: 12px;
  min-width: 0;
}
.wc-visu-workspace {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 12px;
  min-width: 0;
}
.wc-visu-sources {
  display: flex;
  flex-direction: column;
  gap: 12px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--card);
  padding: 12px;
  min-width: 0;
  max-height: calc(100dvh - 210px);
  overflow: auto;
}
.wc-visu-sources ul {
  display: grid;
  gap: 4px;
  padding: 0;
  list-style: none;
}
.wc-visu-sources li {
  display: flex;
  align-items: center;
  min-width: 0;
  border: 1px solid transparent;
  border-radius: 6px;
}
.wc-visu-sources li[data-drop="root"] {
  border-top: 3px solid var(--primary);
}
.wc-visu-sources li[data-drop="child"] {
  border-right: 6px solid var(--primary);
  background: var(--accent);
}
.wc-visu-source-select {
  display: flex;
  align-items: center;
  gap: 5px;
  flex: 1;
  min-width: 0;
  padding: 9px 4px;
  font-size: 0.875rem;
  text-align: start;
  border-radius: 5px;
}
.wc-visu-source-select span {
  overflow-wrap: anywhere;
}
.wc-visu-source-select svg {
  flex-shrink: 0;
  color: var(--muted-foreground);
}
.wc-visu-source-select[aria-pressed="true"] {
  color: var(--primary);
  background: var(--accent);
  font-weight: 600;
}
.wc-visu-main {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.wc-visu-canvas {
  position: relative;
  flex: 1;
  min-height: 450px;
  height: calc(100dvh - 250px);
  max-height: 1000px;
  overflow: hidden;
  touch-action: none;
  overscroll-behavior: contain;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background-color: var(--muted);
  background-image: radial-gradient(var(--border) 1px, transparent 1px);
  background-size: 18px 18px;
  cursor: grab;
  isolation: isolate;
}
.wc-visu-canvas:active {
  cursor: grabbing;
}
.wc-visu-image,
.wc-visu-tile {
  position: absolute;
  max-width: none;
  pointer-events: none;
  user-select: none;
}
.wc-visu-tile {
  width: 256px;
  height: 256px;
}
.wc-visu-connections {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: visible;
}
.wc-visu-connections polygon {
  stroke: var(--primary);
  stroke-width: 2;
  fill: var(--primary);
  fill-opacity: 0.19;
  vector-effect: non-scaling-stroke;
}
.wc-visu-connections polyline {
  stroke: var(--primary);
  stroke-width: 3;
  fill: none;
  vector-effect: non-scaling-stroke;
}
.wc-visu-pin {
  position: absolute;
  width: 30px;
  height: 36px;
  transform: translate(-50%, -100%);
  border: 0;
  background: transparent;
  cursor: pointer;
  filter: drop-shadow(0 3px 3px #0005);
  touch-action: none;
}
.wc-visu-pin > span {
  position: absolute;
  width: 24px;
  height: 24px;
  left: 3px;
  top: 3px;
  border: 3px solid var(--primary-foreground);
  background: var(--primary);
  border-radius: 50% 50% 50% 0;
  transform: rotate(-45deg);
}
.wc-visu-pin:focus-visible {
  outline: 3px solid var(--ring);
  outline-offset: 3px;
  border-radius: 9px;
}
.wc-visu-pin[data-moving="true"] {
  z-index: 4;
  opacity: 0.8;
}
.wc-visu-trash,
.wc-visu-layer-toggle {
  position: absolute;
  bottom: 12px;
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border-radius: 16px;
  background: var(--card);
  color: var(--muted-foreground);
  border: 1px solid var(--border);
  box-shadow: 0 4px 15px #0002;
  z-index: 5;
}
.wc-visu-trash {
  right: 12px;
}
.wc-visu-layer-toggle {
  left: 12px;
  cursor: pointer;
}
.wc-visu-layer-toggle[aria-pressed="true"] {
  color: var(--primary);
  border-color: var(--primary);
}
.wc-visu-trash:focus-visible,
.wc-visu-layer-toggle:focus-visible {
  outline: 3px solid var(--ring);
  outline-offset: 3px;
}
.wc-visu-trash[data-active="true"] {
  color: var(--destructive);
  outline: 3px solid var(--destructive);
  background: var(--background);
}
.wc-visu-attribution {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 3px 7px;
  font-size: 11px;
  color: #164867;
  background: #fffe;
  z-index: 3;
}
.wc-visu-empty {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  max-width: 80%;
  color: var(--muted-foreground);
}
.wc-visu-notice {
  position: absolute;
  top: 8px;
  left: 8px;
  max-width: min(75%, 420px);
  padding: 8px 12px;
  border-radius: 8px;
  background: var(--card);
  color: var(--foreground);
  font-size: 0.8rem;
  z-index: 6;
  pointer-events: none;
}
.wc-visu-picker {
  position: absolute;
  top: 12px;
  right: 12px;
  width: min(380px, calc(100% - 24px));
  max-height: calc(100% - 85px);
  overflow: auto;
  overscroll-behavior: contain;
  padding: 0 12px 12px;
  display: grid;
  gap: 8px;
  align-content: start;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--card);
  box-shadow: 0 12px 40px #0003;
  z-index: 10;
  cursor: default;
  touch-action: auto;
}
/* Title bar: draggable, stays visible while the hit list scrolls. */
.wc-visu-picker header {
  position: sticky;
  top: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 -12px 4px;
  padding: 8px 8px 8px 12px;
  border-bottom: 1px solid var(--border);
  background: var(--card);
  font-size: 0.9rem;
  cursor: move;
  touch-action: none;
}
.wc-visu-picker label {
  display: grid;
  gap: 4px;
  font-size: 0.85rem;
}
.wc-visu-picker select {
  min-height: 36px;
  width: 100%;
  min-width: 0;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--background);
  padding: 5px;
}
.wc-visu-picker ul {
  display: grid;
  gap: 6px;
  list-style: none;
  padding: 0;
}
.wc-visu-picker li button {
  width: 100%;
  padding: 9px;
  text-align: start;
  border: 1px solid var(--border);
  border-radius: 7px;
  font-size: 0.8rem;
  overflow-wrap: anywhere;
  background: var(--background);
  cursor: grab;
}
.wc-visu-picker li button:disabled {
  opacity: 0.55;
  cursor: default;
}
@media (max-width: 850px) {
  .wc-visu-workspace {
    grid-template-columns: 1fr;
  }
  .wc-visu-sources {
    max-height: 200px;
  }
  .wc-visu-canvas {
    min-height: 480px;
  }
}
.wc-asset-content-choices {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
}
.wc-cap-form .wc-asset-content-choices label {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wc-cap-form select {
  width: 100%;
  padding: 8px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--background);
  color: var(--foreground);
}
.wc-cap-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.wc-cap-toolbar > input:not([type="checkbox"]) {
  flex: 1;
  min-width: 140px;
}
.wc-cap-entries {
  display: grid;
  gap: 12px;
}
.wc-cap-entry {
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  min-width: 0;
  overflow-wrap: anywhere;
}
.wc-cap-entry h3 {
  font-weight: 600;
}
.wc-cap-text {
  white-space: pre-wrap;
}
.wc-cap-dialog {
  max-height: 88dvh;
  overflow-y: auto;
  width: min(94vw, 800px);
  max-width: 800px;
}
.wc-cap-media {
  max-width: 100%;
  max-height: 260px;
  object-fit: contain;
}
.wc-cap-entry audio {
  max-width: 100%;
}
.wc-cap-column {
  display: grid;
  gap: 3px;
}
.wc-cap-column input {
  width: 100%;
  height: 8px;
}
.wc-cap-mobile {
  display: none;
}
#wc-cap-print {
  display: none;
}
@media (max-width: 800px) {
  .wc-cap-desktop {
    display: none;
  }
  .wc-cap-mobile {
    display: grid;
    gap: 10px;
  }
}
@media print {
  body.wc-cap-printing > *:not(#wc-cap-print) {
    display: none !important;
  }
  #wc-cap-print {
    display: block;
    color: black;
    background: white;
  }
  #wc-cap-print table {
    border-collapse: collapse;
    width: 100%;
  }
  #wc-cap-print th,
  #wc-cap-print td {
    border: 1px solid #888;
    padding: 6px;
    text-align: start;
    overflow-wrap: anywhere;
  }
}
.wc-preview-controls {
  display: grid;
  gap: 16px;
}
.wc-preview-controls label {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.wc-preview-controls select {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
.wc-preview-controls button {
  justify-self: start;
}
.wc-preview-reset {
  grid-template-columns: minmax(0, 1fr);
}
.wc-preview-reset > *,
.wc-preview-reset .wc-preview-candidate > * {
  min-width: 0;
  max-width: 100%;
}
.wc-preview-reset button {
  max-width: 100%;
  white-space: normal;
  height: auto;
  min-height: 36px;
  padding-block: 8px;
}
.wc-preview-reset .wc-button-row {
  flex-wrap: wrap;
}
.wc-preview-reset ul {
  padding-inline-start: 20px;
}
.wc-role-editor {
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1fr);
}
.wc-role-editor label {
  display: grid;
  gap: 8px;
}
.wc-role-editor .wc-check {
  display: flex;
  align-items: start;
  gap: 10px;
  margin-block: 12px;
}
.wc-role-editor .wc-check input {
  margin-top: 4px;
  flex-shrink: 0;
}
.wc-role-editor fieldset {
  border: 1px solid var(--border);
  padding: 16px;
  min-width: 0;
}
.wc-role-groups,
.wc-role-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
  gap: 16px;
}
.wc-role-editor .wc-button-row,
.wc-role-list .wc-button-row {
  flex-wrap: wrap;
}
.wc-role-editor button,
.wc-role-list button {
  white-space: normal;
  height: auto;
  min-height: 36px;
  max-width: 100%;
  padding-block: 8px;
}
.wc-role-list article {
  min-width: 0;
  overflow-wrap: anywhere;
}
.wc-role-list h2 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wc-role-list details {
  margin-block: 16px;
}
.wc-role-list ul,
.wc-role-editor ul {
  padding-inline-start: 20px;
}
.wc-preview-candidate {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-block: 16px;
}
.wc-preview-banner {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  padding: 16px;
  margin-bottom: 20px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--accent);
  color: var(--accent-foreground);
}
.wc-preview-welcome {
  padding: 40px 24px;
}
body[data-theme] {
  line-height: var(--wc-line-height, 1.5);
  font-family:
    var(--wc-font-family, var(--font-sans, var(--font-geist-sans))), Arial,
    sans-serif;
  letter-spacing: var(--wc-letter-spacing, var(--tracking-normal, 0em));
}
@media (display-mode: standalone) {
  html,
  body {
    min-height: 100%;
    background-color: var(--background);
  }
}
.wc-public,
.wc-app {
  --wc-ink: var(--foreground);
  --wc-muted: var(--muted-foreground);
  --wc-line: var(--border);
  --wc-canvas: var(--background);
  --wc-accent: var(--primary);
  font-family:
    var(--wc-font-family, var(--font-sans, var(--font-geist-sans))), Arial,
    sans-serif;
  letter-spacing: var(--wc-letter-spacing, var(--tracking-normal, 0em));
  color: var(--wc-ink);
  font-size: calc((14px) * var(--wc-font-scale, 1));
  background: var(--wc-canvas);
  min-height: 100vh;
}
.wc-public button,
.wc-app button {
  cursor: pointer;
}
.wc-public button:disabled,
.wc-app button:disabled {
  cursor: wait;
  opacity: 0.55;
}
.wc-public a,
.wc-app a {
  text-decoration: none;
}
.wc-public input,
.wc-app input,
.wc-app textarea,
.wc-app select {
  font: inherit;
}
.wc-public button:focus-visible,
.wc-app button:focus-visible,
.wc-app a:focus-visible {
  outline: 3px solid var(--ring);
  outline-offset: 3px;
}
.wc-public-header {
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1400px;
  margin: auto;
  padding: 0 64px;
  border-bottom: 1px solid var(--wc-line);
}
.wc-brand {
  display: flex;
  gap: 11px;
  align-items: center;
  color: var(--wc-ink);
  white-space: nowrap;
  font-size: calc((18px) * var(--wc-font-scale, 1));
  letter-spacing: var(--wc-letter-spacing, -0.7px);
}
.wc-visuscreen-icon { position: relative; display: block; width: 24px; height: 22px; }
.wc-visuscreen-icon svg:first-child { position: absolute; left: 0; top: 0; width: 18px; height: 18px; }
.wc-visuscreen-icon svg:last-child { position: absolute; right: 0; bottom: 0; width: 15px; height: 15px; background: var(--background); }
@media (max-width: 800px), (pointer: coarse) { .wc-visuscreen-launch { display: none !important; } }
.wc-brand strong {
  font-weight: 700;
}
.wc-brand-name {
  display: grid;
  gap: 1px;
}
.wc-brand small {
  font-size: calc((10px) * var(--wc-font-scale, 1));
  letter-spacing: var(--wc-letter-spacing, 0);
  margin-left: 8px;
  color: var(--muted-foreground);
}
.wc-powered-by {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  color: var(--muted-foreground);
  font-size: calc((10px) * var(--wc-font-scale, 1));
  letter-spacing: var(--wc-letter-spacing, 0);
  line-height: 1.1;
}
.wc-voice-controls {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 12px;
}
.wc-voice-status > span:first-child {
  display: flex;
  align-items: center;
  gap: 7px;
}
.wc-voice-status {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.wc-voice-heard {
  max-width: 240px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--muted-foreground);
  font-size: 10px;
}
.wc-voice-off {
  width: 7px;
  height: 7px;
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--muted-foreground);
}
.wc-janus-dialog {
  max-height: calc(100dvh - 2rem);
  overflow-y: auto;
  z-index: 100;
}
.wc-janus-heading {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-right: 24px;
}
.wc-janus-mark {
  width: 80px;
  height: 80px;
  flex-shrink: 0;
  color: var(--primary);
}
.wc-janus-launcher {
  position: relative;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  flex-shrink: 0;
  margin-left: auto;
  border: 1px solid color-mix(in srgb, var(--primary) 38%, var(--border));
  border-radius: 14px;
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--primary) 18%, var(--card)),
    var(--card)
  );
  color: var(--primary);
  box-shadow: 0 2px 10px color-mix(in srgb, var(--primary) 12%, transparent);
  cursor: pointer;
  transition:
    background 160ms ease,
    box-shadow 160ms ease;
}
.wc-janus-launcher:hover,
.wc-janus-launcher[aria-expanded="true"] {
  background: color-mix(in srgb, var(--primary) 22%, var(--card));
  box-shadow: 0 2px 14px color-mix(in srgb, var(--primary) 25%, transparent);
}
.wc-janus-launcher:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 3px;
}
.wc-janus-launcher .wc-janus-mark {
  width: 36px;
  height: 36px;
}
.wc-janus-launcher-spark {
  position: absolute;
  top: 1px;
  right: 3px;
  font-size: 12px;
  line-height: 1;
}
.wc-janus-select {
  width: 100%;
  min-height: 42px;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 8px 12px;
  color: var(--foreground);
  background: var(--background);
}
.wc-janus-transcript {
  border-top: 1px solid var(--border);
  padding-top: 12px;
  font-size: 12px;
  color: var(--muted-foreground);
  overflow-wrap: anywhere;
}
.wc-voice-recording-overlay {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 24px;
  pointer-events: none;
  opacity: 1;
  animation: wc-voice-overlay-in 180ms ease-out;
}
.wc-voice-recording-indicator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  color: var(--primary);
  background: color-mix(in srgb, var(--primary) 12%, transparent);
  animation: wc-voice-recording-fade 2.6s ease-in-out infinite;
}
.wc-voice-recording-overlay[data-finishing="true"] {
  animation: wc-voice-overlay-out 600ms ease-in forwards;
}
.wc-voice-recording-circle {
  display: grid;
  place-items: center;
  width: clamp(144px, 24vw, 224px);
  aspect-ratio: 1;
  flex-shrink: 0;
  border-radius: 50%;
  border: 2px solid color-mix(in srgb, var(--primary) 65%, transparent);
  color: var(--primary);
  background: color-mix(in srgb, var(--card) 85%, transparent);
  box-shadow: 0 0 60px color-mix(in srgb, var(--primary) 20%, transparent);
  opacity: 0.8;
  animation: wc-voice-recording-fade 2.6s ease-in-out infinite;
}
.wc-voice-recording-circle svg {
  width: 50%;
  height: 50%;
}
.wc-voice-recording-brand {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 20px;
  border-radius: 18px;
  background: color-mix(in srgb, var(--card) 88%, transparent);
  box-shadow: 0 8px 32px color-mix(in srgb, var(--primary) 12%, transparent);
  color: var(--primary);
  font-size: clamp(32px, 6vw, 54px);
  font-weight: 800;
  letter-spacing: 0.16em;
  line-height: 1;
}
.wc-voice-recording-brand > span:first-child {
  background: linear-gradient(
    120deg,
    var(--primary),
    color-mix(in srgb, var(--primary) 55%, var(--foreground))
  );
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.wc-voice-recording-ai {
  padding: 8px 10px;
  border: 1px solid color-mix(in srgb, var(--primary) 40%, transparent);
  border-radius: 10px;
  background: color-mix(in srgb, var(--primary) 12%, transparent);
  font-size: 0.4em;
  letter-spacing: 0.08em;
}
.wc-voice-recording-text {
  width: fit-content;
  max-width: min(720px, 100%);
  max-height: 28dvh;
  overflow: hidden;
  margin: 0;
  padding: 14px 22px;
  border-radius: 16px;
  color: var(--foreground);
  background: color-mix(in srgb, var(--card) 92%, transparent);
  box-shadow: var(--shadow-lg);
  font-size: clamp(18px, 2.2vw, 26px);
  line-height: 1.5;
  text-align: center;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
@keyframes wc-voice-recording-fade {
  0%,
  100% {
    opacity: 0.45;
  }
  50% {
    opacity: 0.9;
  }
}
@keyframes wc-voice-overlay-in {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
@keyframes wc-voice-overlay-out {
  0%,
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wc-voice-recording-circle {
    animation: none;
  }
  .wc-voice-recording-indicator {
    animation: none;
  }
  .wc-voice-recording-overlay,
  .wc-voice-recording-overlay[data-finishing="true"] {
    animation: none;
  }
}
@media (max-width: 640px) {
  .wc-voice-controls {
    gap: 6px;
    font-size: 10px;
  }
  .wc-janus-mark {
    width: 56px;
    height: 56px;
  }
}
.wc-logo {
  background: var(--primary);
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: var(--primary-foreground);
  width: 39px;
  height: 39px;
}
.wc-public-header nav {
  display: flex;
  gap: 30px;
  color: var(--foreground);
  font-size: calc((13px) * var(--wc-font-scale, 1));
}
.wc-public-header nav a {
  display: flex;
  align-items: center;
  gap: 5px;
}
.wc-public-main {
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 85px;
  padding: 72px 64px 65px;
  align-items: start;
}
.wc-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--border);
  background: var(--muted);
  border-radius: 20px;
  padding: 8px 11px;
  font-size: calc((9px) * var(--wc-font-scale, 1));
  letter-spacing: var(--wc-letter-spacing, 1.5px);
  font-weight: 600;
}
.wc-status-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--primary);
  flex-shrink: 0;
}
.wc-hero-copy h1 {
  font-size: calc((clamp(42px, 4.4vw, 66px)) * var(--wc-font-scale, 1));
  line-height: var(--wc-line-height, 1.1);
  letter-spacing: var(--wc-letter-spacing, -3.2px);
  font-weight: 550;
  margin: 25px 0;
}
.wc-hero-copy h1 em {
  color: var(--muted-foreground);
  font-family: Georgia, serif;
  font-weight: 400;
  letter-spacing: var(--wc-letter-spacing, -2px);
}
.wc-hero-copy > p {
  font-size: calc((15px) * var(--wc-font-scale, 1));
  line-height: var(--wc-line-height, 1.9);
  max-width: 465px;
  color: var(--muted-foreground);
}
.wc-hero-cta {
  display: inline-flex;
  align-items: center;
  gap: 30px;
  background: var(--primary);
  color: var(--primary-foreground);
  padding: 15px 20px;
  border-radius: 7px;
  margin-top: 24px;
  font-size: calc((13px) * var(--wc-font-scale, 1));
  font-weight: 550;
}
.wc-hero-benefits {
  display: flex;
  gap: 18px;
  margin-top: 23px;
  font-size: calc((10px) * var(--wc-font-scale, 1));
  color: var(--muted-foreground);
}
.wc-hero-benefits span {
  display: flex;
  gap: 5px;
  align-items: center;
}
.wc-hero-benefits svg {
  color: var(--muted-foreground);
}
.wc-product-preview {
  max-width: 450px;
  margin: 38px 0 0;
  transform: rotate(-2deg);
  position: relative;
}
.wc-preview-bar {
  border-bottom: 1px solid var(--border);
  padding: 10px;
  display: flex;
  gap: 4px;
  align-items: center;
}
.wc-preview-bar > span {
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background: var(--muted);
}
.wc-preview-bar > b {
  font-size: calc((8px) * var(--wc-font-scale, 1));
  font-weight: 400;
  margin-left: 20px;
  color: var(--muted-foreground);
}
.wc-preview-content {
  display: flex;
  height: 175px;
}
.wc-preview-content aside {
  width: 53px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-right: 1px solid var(--border);
  padding: 15px;
  gap: 15px;
  color: var(--muted-foreground);
}
.wc-preview-content aside i {
  width: 15px;
  height: 4px;
  background: var(--muted);
}
.wc-preview-content > div {
  padding: 20px;
  flex: 1;
}
.wc-preview-content small {
  font-size: calc((7px) * var(--wc-font-scale, 1));
  letter-spacing: var(--wc-letter-spacing, 1px);
  color: var(--muted-foreground);
}
.wc-preview-content h3 {
  font-size: calc((14px) * var(--wc-font-scale, 1));
  margin: 4px 0 13px;
  font-weight: 550;
}
.wc-preview-grid {
  display: flex;
  gap: 10px;
}
.wc-preview-grid span {
  background: var(--muted);
  border: 1px solid var(--border);
  flex: 1;
  padding: 9px;
  font-size: calc((8px) * var(--wc-font-scale, 1));
  display: flex;
  align-items: center;
  gap: 7px;
}
.wc-preview-grid svg {
  width: 12px;
  height: 12px;
  color: var(--muted-foreground);
}
.wc-preview-lines {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 17px;
}
.wc-preview-lines i {
  display: block;
  background: var(--muted);
  width: 85%;
  height: 4px;
}
.wc-preview-lines i:nth-child(2) {
  width: 65%;
}
.wc-preview-badge {
  position: absolute;
  right: -14px;
  bottom: 17px;
  display: flex;
  gap: 7px;
  align-items: center;
  border: 1px solid var(--border);
  background: var(--card);
  box-shadow: 0 6px 20px color-mix(in srgb, var(--foreground) 15%, transparent);
  padding: 10px 15px;
  border-radius: 8px;
  font-size: calc((10px) * var(--wc-font-scale, 1));
  transform: rotate(2deg);
  color: var(--muted-foreground);
}
.wc-public-access {
  padding-top: 15px;
  max-width: 450px;
  width: 100%;
  justify-self: end;
}
.wc-auth-form {
  padding: 36px;
}
.wc-eyebrow {
  font-size: calc((9px) * var(--wc-font-scale, 1));
  font-weight: 650;
  letter-spacing: var(--wc-letter-spacing, 1.8px);
  color: var(--muted-foreground);
}
.wc-auth-form h2 {
  font-size: calc((26px) * var(--wc-font-scale, 1));
  letter-spacing: var(--wc-letter-spacing, -1px);
  font-weight: 600;
  margin: 12px 0 8px;
}
.wc-auth-form > p {
  font-size: calc((12px) * var(--wc-font-scale, 1));
  line-height: var(--wc-line-height, 1.8);
  color: var(--wc-muted);
  max-width: 310px;
}
.wc-auth-form form {
  margin-top: 26px;
  display: flex;
  flex-direction: column;
  gap: 17px;
}
.wc-auth-form label,
.wc-modal label,
.wc-prompt-card > label,
.wc-settings > label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  font-size: calc((12px) * var(--wc-font-scale, 1));
  font-weight: 500;
  color: var(--foreground);
}
.wc-auth-form input,
.wc-modal input:not([type="checkbox"]),
.wc-modal textarea,
.wc-app select {
  height: 42px;
  border-color: var(--border);
  background: var(--card);
  border-radius: var(--radius);
  box-shadow: none;
  font-size: calc((12px) * var(--wc-font-scale, 1));
  padding: 9px 12px;
}
.wc-modal textarea {
  height: auto;
}
.wc-primary {
  height: 43px !important;
  background: var(--primary) !important;
  color: var(--primary-foreground) !important;
  margin-top: 3px;
}
.wc-auth-form > .wc-text-link {
  display: block;
  margin: 20px auto;
  font-size: calc((11px) * var(--wc-font-scale, 1));
}
.wc-auth-note {
  font-size: calc((9px) * var(--wc-font-scale, 1));
  display: block;
  text-align: center;
  color: var(--muted-foreground);
  border-top: 1px solid var(--border);
  padding-top: 19px;
}
.wc-server-box {
  padding: 20px;
  margin-bottom: 20px;
}
.wc-section-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
.wc-section-heading > span,
.wc-section-heading > h2 {
  font-weight: 600;
  font-size: calc((13px) * var(--wc-font-scale, 1));
}
.wc-section-heading small {
  font-size: calc((9px) * var(--wc-font-scale, 1));
  display: flex;
  gap: 5px;
  align-items: center;
  color: var(--muted-foreground);
}
.wc-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.wc-metrics > div {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.wc-metrics svg {
  color: var(--muted-foreground);
}
.wc-metrics strong {
  font-size: calc((25px) * var(--wc-font-scale, 1));
  font-weight: 550;
  letter-spacing: var(--wc-letter-spacing, -1px);
}
.wc-metrics span {
  font-size: calc((9px) * var(--wc-font-scale, 1));
  color: var(--muted-foreground);
}
.wc-meter {
  height: 3px;
  background: var(--muted);
  margin-top: 5px;
  border-radius: 2px;
}
.wc-meter i {
  display: block;
  background: var(--primary);
  height: 3px;
  max-width: 100%;
  transition: width 0.4s;
}
.wc-public-features {
  border-top: 1px solid var(--wc-line);
  max-width: 1272px;
  margin: auto;
  padding: 36px 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px;
}
.wc-public-features article > svg {
  color: var(--muted-foreground);
}
.wc-public-features h3 {
  font-size: calc((14px) * var(--wc-font-scale, 1));
  margin: 14px 0 8px;
  font-weight: 600;
}
.wc-public-features p {
  font-size: calc((12px) * var(--wc-font-scale, 1));
  line-height: var(--wc-line-height, 1.8);
  color: var(--muted-foreground);
  max-width: 330px;
}
.wc-public-footer {
  border-top: 1px solid var(--wc-line);
  padding: 24px 64px;
  display: flex;
  justify-content: space-between;
  font-size: calc((10px) * var(--wc-font-scale, 1));
  color: var(--muted-foreground);
}
.wc-public-footer a {
  display: flex;
  gap: 5px;
}
.wc-top {
  height: 72px;
  background: var(--card);
  border-bottom: 1px solid var(--wc-line);
  display: flex;
  align-items: center;
  padding: 0 28px;
  gap: 25px;
  position: relative;
  z-index: 30;
}
.wc-top .wc-brand {
  font-size: calc((17px) * var(--wc-font-scale, 1));
}
.wc-area-label {
  font-size: calc((8px) * var(--wc-font-scale, 1));
  letter-spacing: var(--wc-letter-spacing, 1.5px);
  font-weight: 600;
  color: var(--muted-foreground);
  border-left: 1px solid var(--wc-line);
  padding-left: 24px;
}
.wc-top-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 20px;
}
.wc-live {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: calc((10px) * var(--wc-font-scale, 1));
  color: var(--muted-foreground);
}
.wc-icon-button {
  width: 33px;
  height: 33px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: var(--muted-foreground);
  border-radius: 6px;
  background: transparent;
  border: 0;
}
.wc-icon-button:hover {
  background: var(--accent);
}
.wc-play {
  height: 32px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 13px;
  background: var(--primary);
  color: var(--primary-foreground);
  border: 0;
  border-radius: 5px;
  font-size: calc((11px) * var(--wc-font-scale, 1));
}
.wc-user {
  display: flex;
  align-items: center;
  gap: 8px;
  background: none;
  border: 0;
  color: var(--muted-foreground);
}
.wc-user > span {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--muted);
  color: var(--muted-foreground);
  font-size: calc((10px) * var(--wc-font-scale, 1));
  font-weight: 650;
}
.wc-mobile-toggle {
  display: none;
}
.wc-notification-dot {
  width: 5px;
  height: 5px;
  position: absolute;
  right: 6px;
  top: 5px;
  background: var(--primary);
  border-radius: 50%;
}
.wc-body {
  display: flex;
  min-height: calc(100vh - 128px);
}
.wc-sidebar {
  width: 251px;
  scrollbar-width: none;
  flex-shrink: 0;
  background: var(--card);
  border-right: 1px solid var(--wc-line);
  padding: 24px 14px 16px;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 128px);
}
.wc-sidebar::-webkit-scrollbar {
  display: none;
}
.wc-sidebar-backdrop {
  display: none;
}
.wc-workspace-label {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 10px 23px;
}
.wc-workspace-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  background: var(--muted);
  border: 1px solid var(--border);
  border-radius: 8px;
  color: var(--muted-foreground);
}
.wc-workspace-label strong {
  display: block;
  font-size: calc((12px) * var(--wc-font-scale, 1));
  font-weight: 600;
}
.wc-workspace-label small {
  display: block;
  font-size: calc((9px) * var(--wc-font-scale, 1));
  color: var(--muted-foreground);
  margin-top: 4px;
}
.wc-nav-label {
  font-size: calc((8px) * var(--wc-font-scale, 1));
  letter-spacing: var(--wc-letter-spacing, 1.4px);
  font-weight: 600;
  color: var(--muted-foreground);
  padding: 0px;
  margin: 17px 0 9px;
}
.wc-sidebar nav {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.wc-sidebar nav button {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  border: 0;
  background: none;
  border-radius: 6px;
  padding: 10px 12px;
  text-align: start;
  font-size: calc((11px) * var(--wc-font-scale, 1));
  color: var(--muted-foreground);
  min-height: 37px;
}
.wc-sidebar nav button[data-menu-marker] { position: relative; }
.wc-sidebar nav button[data-menu-marker]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 8px;
  background-color: var(--wc-menu-marker, transparent);
  pointer-events: none;
}
.wc-sidebar nav button svg {
  flex-shrink: 0;
}
.wc-sidebar nav button span:not(.wc-nav-active-dot) {
  line-height: var(--wc-line-height, 1.4);
}
.wc-sidebar nav button:hover {
  background: var(--accent);
}
.wc-sidebar nav button.active {
  background: var(--accent);
  color: var(--foreground);
  font-weight: 550;
}
.wc-nav-active-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--primary);
  margin-left: auto;
}
.wc-sidebar-bottom {
  margin-top: auto;
  padding: 30px 12px 5px;
  display: flex;
  gap: 7px;
  align-items: center;
  font-size: calc((9px) * var(--wc-font-scale, 1));
  color: var(--muted-foreground);
  flex-wrap: wrap;
}
.wc-sidebar-bottom small {
  width: 100%;
  font-size: calc((8px) * var(--wc-font-scale, 1));
  color: var(--muted-foreground);
  padding-left: 13px;
}
.wc-green {
  color: var(--muted-foreground);
  margin-left: auto;
}
.wc-content {
  padding: 24px 35px 95px;
  min-width: 0;
  flex: 1;
  max-width: 1800px;
  margin: 0 auto;
}
.wc-breadcrumb {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: calc((10px) * var(--wc-font-scale, 1));
  color: var(--muted-foreground);
  margin-bottom: 30px;
}
.wc-breadcrumb strong {
  color: var(--foreground);
  font-weight: 500;
}
.wc-date {
  margin-left: auto;
  font-size: calc((9px) * var(--wc-font-scale, 1));
}
.wc-secondary,
.wc-dark-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 9px 13px;
  font-size: calc((10px) * var(--wc-font-scale, 1));
  font-weight: 500;
  border-radius: var(--radius);
  border: 1px solid var(--border);
  background: var(--card);
  color: var(--foreground);
  white-space: nowrap;
}
.wc-secondary:hover {
  background: var(--accent);
}
.wc-dark-button {
  background: var(--primary);
  color: var(--primary-foreground);
  border-color: var(--border);
  padding: 11px 16px;
}
.wc-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 24px;
}
/* One tile surface for public/login pages and both signed-in workspaces. */
.wc-card,
.wc-stat-card,
.wc-auth-form,
.wc-server-box,
.wc-product-preview,
.wc-link-grid {
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--card);
  color: var(--card-foreground);
  box-shadow: 0 1px 4px rgb(0 0 0 / 8%);
}
.wc-stat-card {
  padding: 20px;
}
.wc-stat-card > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--muted-foreground);
  font-size: calc((10px) * var(--wc-font-scale, 1));
}
.wc-stat-card svg {
  color: var(--muted-foreground);
}
.wc-stat-card > strong {
  font-size: calc((29px) * var(--wc-font-scale, 1));
  letter-spacing: var(--wc-letter-spacing, -1.2px);
  font-weight: 550;
  display: block;
  margin: 16px 0 7px;
  line-height: var(--wc-line-height, 1);
}
.wc-stat-card > small {
  font-size: calc((9px) * var(--wc-font-scale, 1));
  color: var(--muted-foreground);
}
.wc-card {
  padding: 24px;
  margin-bottom: 22px;
  min-width: 0;
}
.wc-card h2 {
  font-weight: 600;
  font-size: calc((14px) * var(--wc-font-scale, 1));
  letter-spacing: var(--wc-letter-spacing, -0.3px);
}
.wc-card > p {
  font-size: calc((12px) * var(--wc-font-scale, 1));
  line-height: var(--wc-line-height, 1.9);
  color: var(--muted-foreground);
}
.wc-dashboard-grid {
  display: grid;
  grid-template-columns: 1.25fr 1fr;
  gap: 22px;
}
.wc-start-card {
  position: relative;
  overflow: hidden;
  padding: 29px;
}
.wc-start-card h2 {
  font-size: calc((25px) * var(--wc-font-scale, 1));
  letter-spacing: var(--wc-letter-spacing, -0.9px);
  max-width: 350px;
  line-height: var(--wc-line-height, 1.25);
  margin: 15px 0;
}
.wc-start-card p {
  font-size: calc((11px) * var(--wc-font-scale, 1));
  line-height: var(--wc-line-height, 1.9);
  max-width: 340px;
  margin-bottom: 24px;
  color: var(--muted-foreground);
}
.wc-start-card button {
  position: relative;
  z-index: 1;
}
.wc-orbit-art {
  position: absolute;
  right: -30px;
  bottom: -36px;
  width: 200px;
  height: 200px;
  color: var(--muted-foreground);
  display: grid;
  place-items: center;
  pointer-events: none;
}
.wc-orbit-art > div {
  position: absolute;
  border: 1px solid var(--border);
  border-radius: 50%;
  inset: 0;
  transform: rotate(-30deg) scaleX(0.8);
}
.wc-orbit-art > div:nth-child(2) {
  inset: 24px;
  transform: rotate(45deg) scaleX(0.8);
}
.wc-orbit-art > div:nth-child(3) {
  inset: 45px;
}
.wc-orbit-art > svg {
  opacity: 0.7;
}
.wc-tag {
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
  border: 1px solid var(--border);
  background: var(--muted);
  padding: 4px 7px;
  border-radius: 4px;
  font-size: calc((8px) * var(--wc-font-scale, 1)) !important;
  color: var(--muted-foreground);
  font-weight: 400 !important;
}
.wc-step {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 13px;
  padding: 16px 0;
  text-align: start;
  border: 0;
  border-top: 1px solid var(--border);
  background: none;
}
.wc-step > span {
  font-family: monospace;
  font-size: calc((10px) * var(--wc-font-scale, 1));
  width: 29px;
  height: 29px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--muted);
  color: var(--muted-foreground);
}
.wc-step > div {
  flex: 1;
}
.wc-step strong {
  font-size: calc((11px) * var(--wc-font-scale, 1));
  font-weight: 550;
}
.wc-step small {
  display: block;
  font-size: calc((9px) * var(--wc-font-scale, 1));
  line-height: var(--wc-line-height, 1.6);
  color: var(--muted-foreground);
  margin-top: 5px;
}
.wc-step > svg {
  color: var(--muted-foreground);
}
.wc-muted {
  font-size: calc((9px) * var(--wc-font-scale, 1)) !important;
  color: var(--muted-foreground);
  font-weight: 400 !important;
}
.wc-module-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.wc-module {
  text-align: start;
  border: 1px solid var(--border);
  border-radius: 7px;
  padding: 17px;
  background: var(--card);
  position: relative;
  min-height: 115px;
}
.wc-module > svg:first-child {
  color: var(--muted-foreground);
}
.wc-module strong {
  font-size: calc((11px) * var(--wc-font-scale, 1));
  font-weight: 550;
  display: block;
  margin: 13px 0 5px;
}
.wc-module small {
  font-size: calc((9px) * var(--wc-font-scale, 1));
  color: var(--muted-foreground);
  line-height: var(--wc-line-height, 1.7);
  display: block;
}
.wc-module > svg:last-child {
  position: absolute;
  right: 15px;
  top: 19px;
  color: var(--muted-foreground);
}
.wc-module:hover {
  background: var(--accent);
  border-color: var(--border);
}
.wc-empty {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 35px;
  color: var(--muted-foreground);
}
.wc-empty h3 {
  font-size: calc((15px) * var(--wc-font-scale, 1));
  color: var(--foreground);
  letter-spacing: var(--wc-letter-spacing, -0.3px);
  margin: 16px 0 8px;
}
.wc-empty p {
  font-size: calc((11px) * var(--wc-font-scale, 1));
  line-height: var(--wc-line-height, 1.8);
  max-width: 420px;
  color: var(--muted-foreground);
}
.wc-bottom {
  position: fixed;
  z-index: 25;
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--card);
  border-top: 1px solid var(--wc-line);
  height: 57px;
  display: flex;
  align-items: center;
  gap: 22px;
  padding: 0 28px;
}
.wc-bottom-label {
  width: 200px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: calc((8px) * var(--wc-font-scale, 1));
  letter-spacing: var(--wc-letter-spacing, 1px);
  color: var(--muted-foreground);
}
.wc-search {
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 670px;
  flex: 1;
  min-width: 0;
  color: var(--muted-foreground);
}
.wc-search input {
  border: 0;
  outline: 0;
  box-shadow: none;
  background: transparent;
  font-size: calc((11px) * var(--wc-font-scale, 1)) !important;
  flex: 1;
  min-width: 0;
  color: var(--foreground);
}
.wc-search input::placeholder {
  color: var(--muted-foreground);
}
.wc-search kbd {
  font-size: calc((11px) * var(--wc-font-scale, 1));
  color: var(--muted-foreground);
  border: 1px solid var(--border);
  padding: 1px 6px;
  border-radius: 3px;
}
.wc-ai-button {
  margin-left: auto;
  border: 1px solid var(--border);
  background: var(--muted);
  border-radius: 5px;
  padding: 8px 12px;
  display: flex;
  gap: 7px;
  align-items: center;
  flex-shrink: 0;
  white-space: nowrap;
  font-size: calc((10px) * var(--wc-font-scale, 1));
  color: var(--muted-foreground);
}
.wc-billing-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
  padding: 17px 22px;
  border: 1px dashed var(--border);
  border-radius: 8px;
}
.wc-billing-strip strong {
  font-size: calc((11px) * var(--wc-font-scale, 1));
  font-weight: 550;
  display: block;
}
.wc-billing-strip span {
  font-size: calc((9px) * var(--wc-font-scale, 1));
  color: var(--muted-foreground);
  display: block;
  margin-top: 5px;
}
.wc-button-row {
  display: flex;
  gap: 12px;
  align-items: center;
}
.wc-text-link {
  border: 0;
  background: none;
  font-size: calc((10px) * var(--wc-font-scale, 1));
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--muted-foreground);
}
.wc-editor-card {
  padding: 0;
  overflow: hidden;
}
.wc-editor-card > .wc-section-heading {
  padding: 16px 22px;
  margin: 0;
  border-bottom: 1px solid var(--border);
}
.wc-description-input {
  border: 0 !important;
  border-radius: 0 !important;
  min-height: 410px;
  padding: 26px !important;
  line-height: var(--wc-line-height, 1.9) !important;
  font-size: calc((13px) * var(--wc-font-scale, 1)) !important;
  box-shadow: none !important;
  resize: vertical;
  background: var(--card) !important;
}
.wc-editor-footer {
  padding: 14px 22px;
  border-top: 1px solid var(--border);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
.wc-editor-footer > span {
  font-size: calc((9px) * var(--wc-font-scale, 1));
  color: var(--muted-foreground);
}
.wc-app [data-slot="button"] {
  font-size: calc((11px) * var(--wc-font-scale, 1));
  height: 35px;
  border-radius: var(--radius);
  box-shadow: none;
}
.wc-prompt-input {
  min-height: 230px;
  resize: vertical;
  margin: 20px 0;
  box-shadow: none !important;
  padding: 20px;
  font-size: calc((13px) * var(--wc-font-scale, 1));
  line-height: var(--wc-line-height, 1.8);
  border-color: var(--border);
}
.wc-prompt-card .wc-editor-footer {
  padding: 15px 0 0;
}
.wc-prompt-card > label {
  margin-bottom: 20px;
}
.wc-app select {
  display: block;
  width: 100%;
  appearance: auto;
}
.wc-settings {
  max-width: 800px;
  padding: 30px;
}
.wc-personal-settings {
  max-width: 960px;
  display: grid;
  gap: 1.25rem;
  padding: 1.5rem;
}
.wc-personal-settings .wc-field {
  display: grid;
  gap: 0.4rem;
  min-width: 0;
}
.wc-personal-theme-row {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) auto auto;
  gap: 0.625rem;
  align-items: end;
}
.wc-personal-layout-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.wc-personal-settings .wc-button-row {
  justify-content: flex-start;
}
@media (max-width: 700px) {
  .wc-personal-settings {
    padding: 1rem;
  }
  .wc-personal-theme-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .wc-personal-theme-row > label {
    grid-column: 1 / -1;
  }
  .wc-personal-theme-row > :is(a, button) {
    max-width: 100%;
    white-space: normal;
    height: auto;
    min-height: 2.25rem;
  }
  .wc-personal-layout-row {
    grid-template-columns: minmax(0, 1fr);
  }
}
.wc-settings > div:not(.wc-theme-grid):not(.wc-display-controls) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid var(--border);
}
.wc-settings strong {
  display: block;
  font-size: calc((13px) * var(--wc-font-scale, 1));
  font-weight: 550;
}
.wc-settings small {
  font-size: calc((11px) * var(--wc-font-scale, 1));
  color: var(--muted-foreground);
  display: block;
  margin: 5px 0;
}
.wc-settings h2 {
  margin: 30px 0 17px;
}
.wc-theme-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: 12px;
  margin-bottom: 25px;
}
.wc-theme-choice {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--border);
  background: var(--card);
  padding: 15px;
  border-radius: var(--radius);
  text-align: start;
}
.wc-theme-choice.selected {
  border-color: var(--ring);
  background: var(--accent);
}
.wc-theme-choice strong {
  font-size: calc((11px) * var(--wc-font-scale, 1));
}
.wc-theme-choice > svg {
  margin-left: auto;
  color: var(--muted-foreground);
}
.wc-theme-choice > span {
  width: 36px;
  height: 28px;
  flex-shrink: 0;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: linear-gradient(
    90deg,
    var(--sidebar) 0 30%,
    var(--background) 30% 65%,
    var(--primary) 65% 100%
  );
}
.wc-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.wc-toolbar > span {
  font-size: calc((10px) * var(--wc-font-scale, 1));
  color: var(--muted-foreground);
}
.wc-table-wrap {
  overflow: auto;
  padding: 0;
}
.wc-app table {
  border-collapse: collapse;
  width: 100%;
  text-align: start;
  white-space: nowrap;
  font-size: calc((11px) * var(--wc-font-scale, 1));
}
.wc-app th {
  font-size: calc((9px) * var(--wc-font-scale, 1));
  color: var(--muted-foreground);
  font-weight: 500;
  background: var(--muted);
  padding: 0px 1px;
  border-bottom: 1px solid var(--border);
}
.wc-app td {
  padding: 16px 20px;
  border-bottom: 1px solid var(--border);
  color: var(--muted-foreground);
}
.wc-app td strong {
  font-weight: 550;
  color: var(--foreground);
}
.wc-app tr:last-child td {
  border: 0;
}
.wc-job {
  padding: 20px 0;
  border-top: 1px solid var(--border);
}
.wc-job:first-child {
  border: 0;
  padding-top: 0;
}
.wc-job .wc-section-heading {
  margin-bottom: 8px;
}
.wc-job > small {
  font-size: calc((9px) * var(--wc-font-scale, 1));
  color: var(--muted-foreground);
}
.wc-pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  background: var(--muted);
  border: 1px solid var(--border);
  border-radius: 5px;
  padding: 15px;
  font-size: calc((11px) * var(--wc-font-scale, 1));
  line-height: var(--wc-line-height, 1.8);
  margin-top: 12px;
  max-height: 350px;
  overflow: auto;
}
.status-failed {
  color: var(--destructive) !important;
  background: color-mix(
    in srgb,
    var(--destructive) 10%,
    var(--background)
  ) !important;
  border-color: var(--border) !important;
}
.status-succeeded {
  color: var(--muted-foreground) !important;
  background: var(--muted) !important;
}
.wc-error {
  font-size: calc((11px) * var(--wc-font-scale, 1)) !important;
  color: var(--destructive) !important;
  line-height: var(--wc-line-height, 1.7) !important;
}
.wc-popover-anchor {
  position: relative;
}
.wc-popover {
  position: absolute;
  right: 0;
  top: 45px;
  width: 310px;
  max-height: 450px;
  overflow: auto;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-lg);
  padding: 20px;
  z-index: 60;
}
.wc-popover h3 {
  font-size: calc((14px) * var(--wc-font-scale, 1));
  margin-bottom: 12px;
}
.wc-popover p {
  font-size: calc((11px) * var(--wc-font-scale, 1));
  color: var(--muted-foreground);
  line-height: var(--wc-line-height, 1.8);
  margin-top: 5px;
}
.wc-popover strong {
  font-size: calc((12px) * var(--wc-font-scale, 1));
}
.wc-popover article {
  padding: 12px 0;
  border-top: 1px solid var(--border);
}
.wc-popover button {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 10px 0;
  margin-top: 10px;
  border: 0;
  background: none;
  font-size: calc((11px) * var(--wc-font-scale, 1));
}
.wc-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 100;
  background: color-mix(in srgb, var(--foreground) 47%, transparent);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 25px;
}
.wc-modal {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 34px;
  max-width: 670px;
  width: 100%;
  max-height: 90vh;
  overflow: auto;
  position: relative;
  box-shadow: var(--shadow-xl);
}
.wc-modal h2 {
  font-size: calc((23px) * var(--wc-font-scale, 1));
  font-weight: 550;
  letter-spacing: var(--wc-letter-spacing, -0.7px);
  margin-bottom: 20px;
}
.wc-modal label {
  margin-bottom: 17px;
}
.wc-modal .wc-check-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: calc((11px) * var(--wc-font-scale, 1));
}
.wc-modal legend {
  font-size: calc((12px) * var(--wc-font-scale, 1));
  margin: 15px 0;
}
.wc-close {
  position: absolute;
  right: 14px;
  top: 14px;
  background: none;
  border: 0;
  color: var(--muted-foreground);
  padding: 4px;
}
.wc-document-row {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 17px 0;
  border-bottom: 1px solid var(--border);
  color: var(--muted-foreground);
}
.wc-document-row > div {
  flex: 1;
}
.wc-document-row strong {
  font-size: calc((12px) * var(--wc-font-scale, 1));
  display: block;
  color: var(--foreground);
}
.wc-document-row small {
  font-size: calc((9px) * var(--wc-font-scale, 1));
  margin-top: 5px;
  display: block;
  color: var(--muted-foreground);
}
.wc-compact .wc-card {
  padding: 16px;
}
.wc-compact td {
  padding: 9px 1px;
}
.wc-loading {
  min-height: 100vh;
  background: var(--muted);
}
.is-listening {
  color: var(--destructive) !important;
  background: color-mix(
    in srgb,
    var(--destructive) 10%,
    var(--background)
  ) !important;
  animation: pulse 1s infinite;
}
@media (min-width: 1600px) {
  .wc-content {
    padding-left: 55px;
    padding-right: 55px;
  }
  .wc-stats-grid {
    gap: 22px;
  }
}
@media (max-width: 1100px) {
  .wc-sidebar {
    width: 220px;
  }
  .wc-content {
    padding: 22px 24px 85px;
  }
  .wc-top {
    padding: 0 20px;
    gap: 18px;
  }
  .wc-area-label {
    display: none;
  }
  .wc-dashboard-grid {
    grid-template-columns: 1fr;
  }
  .wc-stats-grid {
    gap: 10px;
  }
  .wc-stat-card {
    padding: 15px;
  }
  .wc-stat-card > small {
    font-size: calc((8px) * var(--wc-font-scale, 1));
  }
  .wc-public-main {
    gap: 35px;
    padding: 50px 35px;
  }
  .wc-public-header {
    padding: 0 35px;
  }
  .wc-public-features {
    margin: 0 35px;
    gap: 25px;
  }
  .wc-hero-copy h1 {
    font-size: calc((50px) * var(--wc-font-scale, 1));
  }
  .wc-hero-benefits {
    flex-wrap: wrap;
    gap: 10px;
  }
  .wc-bottom-label {
    width: 175px;
  }
  .wc-orbit-art {
    right: 10px;
  }
  .wc-start-card p {
    max-width: 70%;
  }
}
@media (max-width: 800px) {
  .wc-top.is-mobile-menu-open {
    z-index: 36;
  }
  .wc-top {
    height: 65px;
    padding: 0 16px;
  }
  .wc-top-actions {
    gap: 10px;
  }
  .wc-live {
    display: none;
  }
  .wc-top .wc-brand {
    font-size: calc((15px) * var(--wc-font-scale, 1));
  }
  .wc-brand small {
    display: none;
  }
  .wc-logo {
    width: 33px;
    height: 33px;
  }
  .wc-mobile-toggle {
    display: flex;
  }
  .wc-sidebar {
    display: none;
  }
  .wc-sidebar.is-open {
    display: flex;
    position: fixed;
    top: 65px;
    bottom: 57px;
    left: 0;
    z-index: 40;
    overflow: auto;
    box-shadow: 10px 0 40px
      color-mix(in srgb, var(--foreground) 10%, transparent);
    width: 260px;
    min-height: 0;
  }
  .wc-sidebar-backdrop {
    position: fixed;
    inset: 0;
    z-index: 35;
    display: block;
    border: 0;
    cursor: default;
    touch-action: none;
  }
  .wc-content {
    padding: 20px 18px 85px;
  }
  .wc-date {
    display: none;
  }
  .wc-stats-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 145px), 1fr));
  }
  .wc-stat-card {
    padding: 18px;
  }
  .wc-stat-card > small {
    font-size: calc((9px) * var(--wc-font-scale, 1));
  }
  .wc-module-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .wc-bottom {
    padding: 0 13px;
    gap: 10px;
  }
  .wc-bottom-label {
    display: none;
  }
  .wc-ai-button > span {
    display: none;
  }
  .wc-ai-button {
    padding: 8px;
  }
  .wc-search {
    gap: 8px;
  }
  .wc-public-header {
    height: 75px;
    padding: 0 22px;
  }
  .wc-public-header nav {
    gap: 20px;
  }
  .wc-public-header nav > a:first-child {
    display: none;
  }
  .wc-public-main {
    grid-template-columns: 1fr;
    padding: 38px 24px;
    gap: 40px;
  }
  .wc-hero-copy h1 {
    font-size: calc((47px) * var(--wc-font-scale, 1));
  }
  .wc-hero-copy > p {
    font-size: calc((14px) * var(--wc-font-scale, 1));
  }
  .wc-public-access {
    max-width: none;
    justify-self: stretch;
  }
  .wc-product-preview {
    margin-top: 32px;
    max-width: 440px;
  }
  .wc-public-features {
    grid-template-columns: 1fr;
    margin: 0 24px;
    gap: 28px;
  }
  .wc-public-features p {
    max-width: none;
  }
  .wc-public-footer {
    padding: 20px 24px;
    gap: 15px;
    flex-wrap: wrap;
  }
  .wc-public-footer > span:nth-child(2) {
    display: none;
  }
  .wc-hero-copy {
    max-width: 550px;
  }
  .wc-auth-form {
    padding: 28px;
  }
  .wc-modal {
    padding: 28px 20px;
  }
  .wc-modal-backdrop {
    padding: 14px;
  }
  .wc-editor-footer > span {
    max-width: 170px;
    font-size: calc((8px) * var(--wc-font-scale, 1));
  }
  .wc-theme-grid {
    grid-template-columns: 1fr;
  }
  .wc-billing-strip {
    padding: 14px;
    gap: 12px;
  }
  .wc-billing-strip .wc-secondary {
    font-size: calc((9px) * var(--wc-font-scale, 1));
    padding: 8px;
  }
  .wc-start-card p {
    max-width: 80%;
  }
  .wc-orbit-art {
    width: 140px;
    height: 140px;
    right: -30px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wc-app *,
  .wc-public * {
    animation: none !important;
    scroll-behavior: auto !important;
    transition: none !important;
  }
}
.wc-app [hidden] {
  display: none !important;
}
.wc-blueprint-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: 16px;
}
.wc-blueprint-entry {
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding: 18px;
  text-align: start;
  background: var(--background);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  min-width: 0;
  overflow-wrap: anywhere;
}
.wc-blueprint-entry:hover {
  border-color: var(--ring);
}
.wc-blueprint-title,
.wc-blueprint-status {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wc-blueprint-title > svg {
  flex-shrink: 0;
}
.wc-blueprint-title > svg:last-child {
  margin-left: auto;
}
.wc-blueprint-entry :is(small, time, p) {
  color: var(--muted-foreground);
  font-size: calc((12px) * var(--wc-font-scale, 1));
}
.wc-blueprint-entry p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.wc-blueprint-status {
  font-size: calc((12px) * var(--wc-font-scale, 1));
}
.wc-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.wc-blueprint-import .wc-section-heading > div > p,
.wc-blueprint-import-result .wc-section-heading p,
.wc-blueprint-import-actions p {
  color: var(--muted-foreground);
  font-size: calc((12px) * var(--wc-font-scale, 1));
  line-height: var(--wc-line-height, 1.7);
  margin: 5px 0 0;
}
.wc-blueprint-upload {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 8px 12px;
  width: 100%;
  padding: 24px;
  margin-top: 20px;
  text-align: start;
  border: 1px dashed var(--ring);
  border-radius: var(--radius);
  background: var(--background);
  color: var(--foreground);
}
.wc-blueprint-upload:hover:not(:disabled) {
  background: var(--accent);
}
.wc-blueprint-upload svg {
  grid-row: span 2;
}
.wc-blueprint-upload span {
  font-weight: 600;
}
.wc-blueprint-upload small {
  color: var(--muted-foreground);
}
.wc-blueprint-import-result > .wc-section-heading > svg {
  color: var(--primary);
}
.wc-blueprint-warning {
  margin: 14px 0 0;
  padding: 10px 12px;
  border-radius: var(--radius);
  background: var(--muted);
  color: var(--muted-foreground);
  font-size: calc((12px) * var(--wc-font-scale, 1));
}
.wc-blueprint-import-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 22px;
}
.wc-blueprint-import-actions p {
  max-width: 480px;
}
@media (max-width: 640px) {
  .wc-blueprint-import .wc-section-heading,
  .wc-blueprint-import-actions {
    align-items: flex-start;
    flex-direction: column;
  }
}
.wc-back-link {
  margin-bottom: 20px;
}
.wc-workshop-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
}
.wc-workshop-tabs [data-state="active"] {
  background: var(--accent);
  color: var(--accent-foreground);
  border-color: var(--ring);
}
.wc-workshop-content:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 4px;
}
.wc-play.wc-play-secondary {
  background: var(--background);
  color: var(--foreground);
  border: 1px solid var(--border);
}
.wc-nav-entry-group {
  min-width: 0;
}
.wc-nav-sort-block { display: flex; flex-direction: column; gap: 3px; }
.wc-sidebar nav button.wc-nav-order-lock.wc-nav-order-lock {
  position: absolute; top: 2px; left: 2px;
  width: 24px; min-width: 24px; height: 24px; min-height: 24px;
  padding: 7px; gap: 0; justify-content: center; z-index: 2;
}
.wc-sidebar nav .wc-nav-order-lock svg { width: 10px; height: 10px; }
.wc-sidebar nav button.wc-nav-order-lock.wc-nav-order-save { left: 28px; }
.wc-sidebar nav .wc-nav-order-lock[aria-pressed="true"] { color: var(--primary); }
.wc-sidebar nav .wc-nav-order-lock:focus-visible { outline: 2px solid var(--ring); outline-offset: -2px; }
.wc-nav-order-error { font-size: .75rem; color: var(--destructive); overflow-wrap: anywhere; }
.wc-sidebar nav .wc-nav-sort-handle { touch-action: pan-y; }
.wc-nav-parent {
  display: flex;
  align-items: center;
}
.wc-sidebar nav .wc-nav-expand {
  width: 36px;
  min-width: 36px;
  justify-content: center;
  padding-inline: 4px;
}
.wc-nav-children {
  margin: 4px 0 10px 12px;
  padding-left: 5px;
  border-left: 1px solid var(--sidebar-border);
}
.wc-navigation-results {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 0;
  width: min(520px, calc(100vw - 26px));
  max-height: min(480px, 65dvh);
  overflow-y: auto;
  background: var(--popover);
  color: var(--popover-foreground);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-lg);
  padding: 12px;
}
.wc-navigation-results button {
  width: 100%;
  padding: 12px;
  text-align: start;
  border-radius: var(--radius);
}
.wc-navigation-results button:hover {
  background: var(--accent);
  color: var(--accent-foreground);
}
.wc-navigation-results small {
  display: block;
  margin-top: 4px;
  color: var(--muted-foreground);
}
.wc-search {
  position: relative;
}
@media (min-width: 801px) {
  .wc-top {
    position: sticky;
    top: 0;
  }
  .wc-sidebar {
    position: sticky;
    top: var(--wc-top-height, 72px);
    align-self: flex-start;
    box-sizing: border-box;
    height: calc(100dvh - var(--wc-top-height, 72px) - 57px);
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior-y: contain;
  }
  .wc-nav-collapsed .wc-sidebar {
    width: 76px;
    padding-inline: 10px;
  }
  .wc-nav-collapsed .wc-nav-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .wc-nav-collapsed .wc-sidebar nav button {
    justify-content: center;
    min-height: 44px;
  }
  .wc-nav-collapsed .wc-workspace-label {
    padding-inline: 10px;
  }
  .wc-nav-collapsed .wc-workspace-label > div,
  .wc-nav-collapsed .wc-sidebar-bottom {
    display: none;
  }
}
@media (max-width: 800px) {
  .wc-desktop-toggle {
    display: none;
  }
  .wc-blueprint-entry {
    padding: 14px;
  }
}
.wc-job-rights {
  margin: 15px 0;
}
.wc-job-rights select {
  max-width: 270px;
}

.wc-skip-link {
  position: fixed;
  top: 8px;
  left: 8px;
  transform: translateY(-200%);
  padding: 12px 20px;
  z-index: 100;
  background: var(--primary);
  color: var(--primary-foreground);
}
.wc-skip-link:focus {
  transform: none;
}
.wc-sidebar {
  background: var(--sidebar);
  color: var(--sidebar-foreground);
  border-color: var(--sidebar-border);
}
.wc-sidebar nav button,
.wc-sidebar .wc-nav-label,
.wc-sidebar .wc-workspace-label small,
.wc-sidebar-bottom,
.wc-sidebar-bottom small {
  color: var(--sidebar-foreground);
}
.wc-sidebar nav button:hover,
.wc-sidebar nav button.active {
  background: var(--sidebar-accent);
  color: var(--sidebar-accent-foreground);
}
.wc-sidebar .wc-nav-label[data-accent-block="true"] {
  /* Sidebar text belongs on this subtle surface, not primary-foreground.
     The neutral tint keeps even white accents visible in light themes. */
  background-color: color-mix(in srgb, var(--primary) 18%, color-mix(in srgb, var(--sidebar-foreground) 8%, var(--sidebar)));
  color: var(--sidebar-foreground);
  border-inline-start: 3px solid color-mix(in srgb, var(--primary) 75%, var(--sidebar-foreground));
  padding: 4px 8px;
  border-radius: 4px;
  font-size: calc(10px * var(--wc-font-scale, 1));
  font-weight: 600;
}
.dark .wc-sidebar .wc-nav-label[data-accent-block="true"] {
  background-color: color-mix(in srgb, var(--primary) 7%, var(--sidebar));
  border-inline-start-color: color-mix(in srgb, var(--primary) 55%, var(--sidebar));
}
.wc-sidebar .wc-nav-block-handle {
  cursor: grab;
  touch-action: none;
  user-select: none;
}
.wc-sidebar .wc-nav-block-handle:active {
  cursor: grabbing;
}
.wc-sidebar .wc-nav-block-handle:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}
.wc-sidebar .wc-nav-block-heading {
  display: flex;
  align-items: center;
  gap: 2px;
}
.wc-sidebar .wc-nav-block-heading[data-accent-block="true"] {
  padding-block: 0;
}
.wc-sidebar nav .wc-nav-block-toggle {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  min-height: 32px;
  padding: 4px 0;
  border-radius: 3px;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
}
.wc-sidebar nav .wc-nav-block-toggle span {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wc-sidebar nav .wc-nav-block-heading .wc-nav-block-handle {
  flex: 0 0 28px;
  width: 28px;
  min-height: 32px;
  justify-content: center;
  padding: 4px;
  color: inherit;
}
.wc-sidebar .wc-nav-block-toggle:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}
.wc-nav-block-content[hidden] { display: none; }
.wc-top,
.wc-bottom {
  flex-shrink: 0;
}
.wc-play {
  min-height: 40px;
  height: auto;
  padding-block: 8px;
}
.wc-widget-option {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
}
.wc-widget-option input {
  width: 18px;
  height: 18px;
}
.wc-app :is(input, textarea, select):focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}
.wc-app ::placeholder {
  color: var(--muted-foreground);
}
@media (max-width: 800px) {
  .wc-top {
    height: auto;
    min-height: 65px;
    flex-wrap: wrap;
    gap: 8px;
    padding-block: 8px;
  }
  .wc-top-actions {
    flex-wrap: wrap;
    gap: 4px;
  }
  .wc-play {
    font-size: calc((12px) * var(--wc-font-scale, 1));
  }
  .wc-ai-button > span {
    display: inline;
  }
  .wc-ai-button {
    gap: 6px;
    font-size: calc((12px) * var(--wc-font-scale, 1));
  }
  .wc-app
    :is(
      .wc-icon-button,
      .wc-user,
      .wc-secondary,
      .wc-ai-button,
      .wc-sidebar nav button
    ) {
    min-height: 44px;
    min-width: 44px;
  }
  .wc-bottom {
    padding-bottom: env(safe-area-inset-bottom);
  }
  .wc-theme-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .wc-top {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px 44px 44px;
    gap: 4px;
    padding: 8px 13px;
  }
  .wc-top > .wc-mobile-toggle {
    grid-column: 1;
    grid-row: 1;
  }
  .wc-top > .wc-brand {
    grid-column: 2;
    grid-row: 1;
    font-size: calc((13px) * var(--wc-font-scale, 1));
    gap: 6px;
    min-width: 0;
  }
  .wc-top-actions {
    display: contents;
  }
  .wc-top-actions > .wc-appearance-toggle {
    grid-column: 3;
    grid-row: 1;
  }
  .wc-top-actions > .wc-icon-button:not(.wc-appearance-toggle) {
    grid-column: 4;
    grid-row: 1;
  }
  .wc-top-actions > .wc-popover-anchor {
    grid-column: 5;
    grid-row: 1;
  }
  .wc-top-actions > .wc-play {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: stretch;
    justify-content: center;
  }
  .wc-user > svg {
    display: none;
  }
  .wc-sidebar.is-open {
    top: var(--wc-top-height, 65px);
  }
}
.wc-job-filters {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.wc-job-filters label {
  display: grid;
  gap: 0.4rem;
  flex: 1 1 12rem;
  min-width: 0;
}
.wc-job-filters select {
  min-height: 2.5rem;
  background: var(--background);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 0.4rem 0.6rem;
}
.wc-job-details {
  width: min(100vw, 46rem);
  max-width: 100vw !important;
}
.wc-job-detail-content {
  padding: 0 1.25rem 2rem;
  overflow-y: auto;
  min-height: 0;
  overflow-wrap: anywhere;
}
.wc-job-detail-content > * + * {
  margin-top: 1rem;
}
.wc-job-detail-content summary {
  cursor: pointer;
  padding-block: 0.6rem;
}
.wc-job-status {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
}
.wc-job-facts {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.4rem 1rem;
  font-size: 0.85rem;
}
.wc-job-facts dt,
.wc-job-events time {
  color: var(--muted-foreground);
}
.wc-job-phases {
  display: grid;
  gap: 0.6rem;
  list-style: none;
  padding: 0;
}
.wc-job-phases li {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.wc-job-phases svg {
  flex-shrink: 0;
}
.wc-job-phases [aria-current="step"] {
  font-weight: 600;
}
.wc-job-events {
  padding-left: 1.25rem;
}
.wc-job-events li + li {
  margin-top: 1rem;
}
.wc-job-events time {
  font-size: 0.8rem;
}
.wc-job-prompt {
  white-space: pre-wrap;
}
.wc-job-error {
  padding: 0.75rem;
  border-left: 0.25rem solid var(--destructive);
  background: var(--muted);
  color: var(--foreground);
  font-size: 0.875rem;
  line-height: var(--wc-line-height, 1.6);
}

.wc-display-controls {
  display: grid;
  gap: 1.25rem;
  min-width: 0;
}
.wc-display-controls > label {
  display: grid;
  gap: 0.5rem;
  min-width: 0;
}
.wc-display-controls label small {
  display: block;
  color: var(--muted-foreground);
}
.wc-display-controls select {
  width: 100%;
  min-width: 0;
  min-height: 2.75rem;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--background);
  color: var(--foreground);
  padding: 0.5rem 0.75rem;
}
.wc-display-controls input[type="range"] {
  width: 100%;
  min-height: 2rem;
  accent-color: var(--primary);
}
.wc-display-color-option { display: grid; gap: .5rem; min-width: 0; }
.wc-display-color-option small { color: var(--muted-foreground); }
.wc-grid-selection-text-picker { display: flex; align-items: center; gap: .75rem; }
.wc-grid-selection-text-picker input[type="color"] { width: 2.75rem !important; min-width: 2.75rem; max-width: 2.75rem; flex: 0 0 2.75rem; height: 2rem; padding: .125rem; border: 1px solid var(--border); border-radius: 6px; background: var(--background); cursor: pointer; }
/* Theme scopes define their own foreground tokens (sometimes inline on .wc-app).
   Carry the personal accent text choice into those scopes and portaled windows. */
body[data-grid-selection-color=accent][data-grid-selection-text-custom=true] [data-theme] {
  --primary-foreground: var(--wc-grid-selection-text) !important;
  --accent-foreground: var(--wc-grid-selection-text) !important;
  --sidebar-primary-foreground: var(--wc-grid-selection-text) !important;
  --sidebar-accent-foreground: var(--wc-grid-selection-text) !important;
}
.wc-display-sheet {
  width: min(100vw, 42rem);
  max-width: 100vw !important;
}
.wc-display-sheet-content {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
  padding: 0 1rem 1rem;
  overflow-wrap: anywhere;
}
.wc-display-sheet-content > * + * {
  margin-top: 1.25rem;
}
.wc-display-sheet-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1rem;
  border-top: 1px solid var(--border);
}
.wc-display-scope {
  color: var(--muted-foreground);
}
.wc-typography-preview {
  padding: 1rem;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--muted);
  overflow-wrap: anywhere;
}
.wc-typography-preview p {
  margin-top: 0.75rem;
}
.wc-personal-display-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--border);
}
.wc-personal-display-actions p {
  flex-basis: 100%;
  color: var(--muted-foreground);
}

.wc-invitations {
  display: grid;
  gap: 1rem;
  margin-bottom: 2rem;
  min-width: 0;
}
.wc-invitation-form {
  display: grid;
  gap: 1rem;
  align-content: start;
}
.wc-invitation-form label {
  display: grid;
  gap: 0.5rem;
}
.wc-invitation-form select {
  min-width: 0;
  max-width: 100%;
  min-height: 2.75rem;
  padding: 0.5rem;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--background);
  color: var(--foreground);
}
.wc-invitation-accept {
  width: min(38rem, calc(100% - 2rem));
  margin: 2rem auto;
  display: grid;
  gap: 1rem;
  overflow-wrap: anywhere;
}
.wc-invitations .wc-toolbar {
  flex-wrap: wrap;
  gap: 0.75rem;
}
.wc-invitation-form .wc-button-row {
  flex-wrap: wrap;
}

.wc-app .wc-bottom {
  bottom: var(--wc-keyboard-offset, 0px);
}
@media (max-width: 800px) {
  .wc-bottom {
    display: none;
  }
  .wc-mobile-footer {
    position: fixed;
    z-index: 25;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-height: calc(4.5rem + env(safe-area-inset-bottom));
    padding: 0.375rem 0.25rem calc(0.375rem + env(safe-area-inset-bottom));
    border-top: 1px solid var(--border);
    background: var(--card);
    box-shadow: 0 -1px 4px rgb(0 0 0 / 8%);
  }
  .wc-mobile-footer > button {
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 0.2rem;
    min-width: 0;
    min-height: 3.5rem;
    padding: 0.25rem;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--muted-foreground);
    font-size: 0.625rem;
    line-height: 1.1;
  }
  .wc-mobile-footer > button svg {
    width: 1.25rem;
    height: 1.25rem;
  }
  .wc-mobile-footer > button > span {
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .wc-mobile-footer > button[aria-current="page"] {
    color: var(--primary);
    background: color-mix(in srgb, var(--primary) 12%, var(--card));
  }
  .wc-mobile-footer > button:disabled {
    opacity: 0.45;
  }
  .wc-sidebar.is-open {
    bottom: calc(4.5rem + env(safe-area-inset-bottom));
  }
  .wc-content,
  .wc-app[data-fill-workspace="true"] .wc-content {
    padding-bottom: calc(4.75rem + env(safe-area-inset-bottom)) !important;
  }
}
@media (min-width: 801px) {
  .wc-mobile-footer {
    display: none;
  }
}
.wc-global-search {
  position: relative;
}
.wc-global-search:focus-within {
  outline: 2px solid var(--ring);
  outline-offset: 5px;
  border-radius: var(--radius);
}
.wc-global-results {
  position: absolute;
  bottom: calc(100% + 18px);
  left: 0;
  width: min(670px, 80vw);
  max-height: min(660px, var(--wc-search-space, 70dvh));
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--popover);
  color: var(--popover-foreground);
  box-shadow: 0 10px 35px #0002;
  padding: 12px;
  font-size: calc(14px * var(--wc-font-scale, 1));
}
.wc-global-results-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.wc-global-results [role="option"] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px;
  min-height: 44px;
  border-radius: var(--radius);
  cursor: pointer;
  overflow-wrap: anywhere;
}
.wc-global-results [role="option"] span {
  min-width: 0;
}
.wc-global-results [role="option"] strong,
.wc-global-results [role="option"] small {
  display: block;
}
.wc-global-results [role="option"] small {
  color: var(--muted-foreground);
}
.wc-global-results [role="option"][aria-selected="true"] {
  background: var(--accent);
  color: var(--accent-foreground);
  outline: 1px solid var(--ring);
  outline-offset: -1px;
}
.wc-search-group {
  font-weight: 600;
  color: var(--muted-foreground);
  margin: 16px 10px 6px;
}
.wc-global-results-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  border-top: 1px solid var(--border);
  padding-top: 10px;
  margin-top: 10px;
}
.wc-global-results-actions small {
  flex-basis: 100%;
  color: var(--muted-foreground);
}
.wc-global-results button {
  white-space: normal;
  height: auto;
  min-height: 36px;
}
.wc-global-results [role="status"] {
  padding: 12px 4px;
}
.wc-toolbar > label {
  display: grid;
  gap: 6px;
  width: min(100%, 320px);
}
.wc-display-sheet-content dl div {
  padding-block: 8px;
  overflow-wrap: anywhere;
}
.wc-display-sheet-content dt {
  font-size: 0.85em;
  color: var(--muted-foreground);
}
.wc-display-sheet-content dd {
  margin: 0;
}
.wc-text-draft-assistant [data-slot="button"] {
  max-width: 100%;
  height: auto;
  min-height: 36px;
  padding-block: 8px;
  white-space: normal;
  overflow-wrap: anywhere;
}
.wc-notifications-sheet [data-slot="button"] {
  max-width: 100%;
  height: auto;
  min-height: 36px;
  padding-block: 8px;
  white-space: normal;
  overflow-wrap: anywhere;
}
.wc-notification-settings {
  display: grid;
  gap: 1rem;
  min-width: 0;
  margin-top: 1.5rem;
  overflow-wrap: anywhere;
}
.wc-notification-settings form,
.wc-notification-settings fieldset {
  display: grid;
  gap: 1rem;
  min-width: 0;
}
.wc-notification-settings legend {
  margin-bottom: 1rem;
  font-weight: 600;
}
.wc-notification-choice {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  min-width: 0;
  padding-block: 0.5rem;
  cursor: pointer;
}
.wc-notification-choice input {
  flex: 0 0 auto;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.2rem;
  accent-color: var(--primary);
}
.wc-notification-choice > span {
  display: grid;
  gap: 0.25rem;
  min-width: 0;
}
.wc-notification-choice > span > span {
  color: var(--muted-foreground);
}
.wc-notification-settings-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.wc-notification-settings [data-slot="button"] {
  max-width: 100%;
  height: auto;
  min-height: 44px;
  padding-block: 8px;
  white-space: normal;
  overflow-wrap: anywhere;
}
@media (max-width: 640px) {
  .wc-global-results {
    position: fixed;
    left: 12px;
    width: auto;
    right: 12px;
    bottom: calc(
      var(--wc-search-footer-height, 70px) +
      var(--wc-keyboard-offset, 0px) +
      8px
    );
    max-height: var(--wc-search-space, 65dvh);
  }
  .wc-global-search {
    gap: 6px;
  }
  .wc-global-search kbd {
    display: none;
  }
  .wc-global-results-actions small {
    font-size: 0.8em;
  }
}
.wc-record-list {
  display: grid;
  gap: 1rem;
  min-width: 0;
}
.wc-grid-pages {
  display: flex;
  align-items: flex-end;
  flex-wrap: nowrap;
  gap: 0.375rem;
  min-width: 0;
  font-size: 0.75rem;
}
.wc-grid-pages > span {
  margin-right: auto;
  line-height: 2rem;
  white-space: nowrap;
}
.wc-users-grid {
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--card);
  color: var(--card-foreground);
  box-shadow: 0 1px 4px rgb(0 0 0 / 8%);
}
.wc-grid-card-header {
  display: flex;
  align-items: center;
  min-height: 40px;
  gap: 0.5rem;
  min-width: 0;
}
.wc-grid-card-header > h2 {
  display: flex;
  align-items: center;
  height: 40px;
  margin: 0;
  font-size: 1rem;
  line-height: 1;
  min-width: 0;
}
.wc-grid-card-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0;
  margin-left: auto;
  min-width: 0;
}
.wc-users-grid .wc-grid-card-header { flex-wrap: wrap; }
.wc-users-grid .wc-grid-card-header > h2 { height: auto; min-height: 2.5rem; line-height: 1.3; }
.wc-users-grid .wc-grid-card-actions { flex-wrap: wrap; gap: .25rem; max-width: 100%; }
.wc-users-grid .wc-grid-card-actions > button { white-space: normal; height: auto; }
.wc-grid-card-actions > button {
  height: 40px;
  min-height: 40px;
}
.wc-grid-card-actions > [inert] {
  display: flex;
}
.wc-grid-card-actions > [inert] > button {
  height: 40px;
  min-height: 40px;
}
.wc-grid-card-actions > button[data-size="icon"],
.wc-grid-card-actions > [inert] > button[data-size="icon"] {
  width: 40px;
  min-width: 40px;
  padding-inline: 0;
}
.wc-roles-grid,
.wc-list-grid {
  box-sizing: border-box;
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  min-height: 0;
  margin-bottom: 0;
  overflow: hidden;
  gap: 0.75rem;
  padding: 0.75rem;
}
.wc-roles-grid > :not(.wc-grid-scroll),
.wc-list-grid > :not(.wc-grid-scroll) {
  flex-shrink: 0;
}
.wc-roles-grid > .wc-grid-scroll,
.wc-list-grid > .wc-grid-scroll {
  display: flex;
  overflow: hidden;
}
.wc-roles-data-table,
.wc-list-data-table {
  flex: 1;
  min-height: 0;
  overflow: hidden !important;
}
.wc-roles-data-table > div:first-child,
.wc-list-data-table > div:first-child {
  flex: 1;
  min-height: 0;
  overflow: auto;
}
.wc-roles-data-table > div:last-child,
.wc-list-data-table > div:last-child {
  flex-shrink: 0;
}
.wc-list-data-table > div:first-child { overflow: hidden; }
.wc-list-data-table [data-slot="table-container"] { height: 100%; overflow: auto; }
.wc-list-grid .wc-grid-card-header { flex-wrap: wrap; }
.wc-list-grid .wc-record-chips { max-height: 5rem; overflow: auto; }
.wc-list-grid .wc-grid-pages { flex-wrap: wrap; }
.wc-list-grid .wc-record-toolbar > label { flex: 1; width: auto; }
.wc-work-definitions-grid {
  box-sizing: border-box;
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  min-height: 0;
  margin-bottom: 0;
  overflow: hidden;
  gap: 0.75rem;
  padding: 0.75rem;
}
.wc-work-definitions-grid > :not(.wc-structure-table) {
  flex-shrink: 0;
}
.wc-work-definitions-grid > .wc-structure-table {
  display: flex;
  overflow: hidden;
}
.wc-work-definitions-data-table {
  flex: 1;
  min-height: 0;
  overflow: hidden !important;
}
@media (max-width: 520px) {
  .wc-work-definitions-grid .wc-grid-card-header {
    flex-wrap: wrap;
  }
  .wc-work-definitions-grid .wc-grid-card-actions {
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 520px) {
  .wc-roles-grid .wc-grid-card-header {
    flex-wrap: wrap;
  }
  .wc-roles-grid .wc-grid-card-actions {
    width: 100%;
    margin-left: 0;
  }
}
.wc-record-views,
.wc-record-toolbar,
.wc-record-selection,
.wc-record-chips {
  display: flex;
  align-items: end;
  flex-wrap: wrap;
  gap: 0.75rem;
  min-width: 0;
}
.wc-record-views > label,
.wc-record-toolbar > label,
.wc-record-filter-form label,
.wc-record-dialog label {
  display: grid;
  gap: 0.4rem;
  min-width: 0;
}
.wc-record-views small {
  flex-basis: 100%;
  color: var(--muted-foreground);
}
.wc-record-toolbar > label {
  width: min(100%, 16rem);
}
.wc-record-toolbar {
  align-items: center;
}
.wc-record-toolbar > label {
  gap: 0;
}
.wc-record-toolbar > label input {
  font-size: 0.875rem;
}
.wc-record-toolbar > .wc-record-views,
.wc-saved-list-views,
.wc-saved-list-views > .wc-record-views {
  display: contents;
}
.wc-record-toolbar .wc-record-views > label {
  width: min(100%, 12rem);
}
.wc-record-toolbar .wc-record-views > small {
  flex-basis: auto;
  font-size: 0.75rem;
}
.wc-record-list .wc-record-toolbar input,
.wc-record-list .wc-record-toolbar select,
.wc-record-list .wc-record-toolbar button {
  height: 2rem;
  min-height: 2rem;
  border-radius: var(--radius-lg);
  font-size: 0.875rem;
}
.wc-record-toolbar select {
  padding-block: 0.15rem;
}
.wc-record-list select,
[role="dialog"] .wc-record-filter-form select,
[role="dialog"] > label select {
  width: 100%;
  min-width: 0;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--background);
  color: var(--foreground);
  min-height: 2.75rem;
  padding: 0.4rem 0.6rem;
}
.wc-record-selection {
  background: var(--accent);
  color: var(--accent-foreground);
  padding: 1rem;
  border-radius: var(--radius);
}
.wc-record-chips button {
  height: auto;
  white-space: normal;
  overflow-wrap: anywhere;
}
.wc-record-sort {
  gap: 0.4rem;
  padding-inline: 0;
  white-space: nowrap;
}
.wc-record-filter-form {
  display: grid;
  gap: 1rem;
  min-width: 0;
}
.wc-record-filter-form fieldset {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px solid var(--border);
  padding: 0.75rem;
  border-radius: var(--radius);
  min-width: 0;
}
.wc-record-dialog {
  width: min(48rem, calc(100vw - 2rem));
  max-width: 48rem !important;
  max-height: 85dvh;
  overflow-y: auto;
}
.wc-user-permissions fieldset {
  margin-top: 1rem;
}
.wc-record-dialog .wc-user-permissions .wc-check-label {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  min-height: 2.75rem;
  padding: 0.5rem 0;
}
.wc-user-permissions input[type="checkbox"] {
  flex: 0 0 auto;
  width: 1rem;
  height: 1rem;
  margin-top: 0.2rem;
}
@media (max-width: 640px) {
  .wc-record-views > label,
  .wc-record-toolbar > label {
    width: 100%;
  }
  .wc-record-filter-form fieldset {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* Pin picker: grouped hits across every linkable object kind. */
.wc-visu-picker-groups { gap: 10px; }
.wc-visu-picker-groups > li { display: grid; gap: 6px; }
.wc-visu-picker-groups h3 { display: flex; align-items: center; gap: 6px; margin: 0; font-size: 0.75rem; font-weight: 600; color: var(--muted-foreground); text-transform: uppercase; letter-spacing: 0.02em; }
.wc-visu-picker-groups li button { display: flex; align-items: flex-start; gap: 8px; }
.wc-visu-picker-groups li button > span { display: grid; min-width: 0; }
.wc-visu-picker-groups li button small { color: var(--muted-foreground); font-size: 0.7rem; }
.wc-visu-picker-groups li button .wc-record-icon { flex: 0 0 auto; margin-top: 1px; color: var(--muted-foreground); }
.wc-visu-picker-groups > li > button { justify-self: start; padding: 0; height: auto; font-size: 0.75rem; }
/* Long page names and company names never widen the top bar: they are cut with an ellipsis. */
/* Popup actions stay on one line. Intrinsic width uses available viewport space;
   unusually long custom captions remain reachable by horizontal scrolling. */
:is([data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-sub-content"], [role="menu"]) {
  width: max-content;
  max-width: calc(100vw - 16px);
  overflow-x: auto;
}
:is([role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]) {
  white-space: nowrap;
  overflow-wrap: normal;
  flex-wrap: nowrap;
}
:is([role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]) svg { flex-shrink: 0; }
:is([role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]) :is(span, a, p) {
  white-space: nowrap;
  overflow-wrap: normal;
}
.wc-top > .wc-brand { min-width: 0; overflow: hidden; }
.wc-top .wc-brand-name { min-width: 0; flex: 1 1 auto; }
.wc-top .wc-brand-name > span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wc-top .wc-area-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* Narrow screens: toolbar buttons that carry an icon show only the icon; the label stays for screen readers. */
@media (max-width: 800px) {
  :is(.wc-grid-card-actions, .wc-cap-toolbar, .wc-visu-controls, .wc-chat-aside-head, .wc-page-toolbar-actions, .wc-compliance-filter) [data-slot="button"]:has(> svg) > .wc-button-label {
    position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
  }
  :is(.wc-grid-card-actions, .wc-cap-toolbar, .wc-visu-controls, .wc-chat-aside-head, .wc-page-toolbar-actions, .wc-compliance-filter) [data-slot="button"]:has(> svg):has(> .wc-button-label) {
    position: relative; padding-inline: .55rem; gap: 0;
  }
}

.wc-sidebar-close { display: none; }
.wc-start-greeting {
  display: grid;
  place-items: center;
  min-height: min(70vh, 38rem);
  padding: clamp(1.25rem, 4vw, 2.5rem);
  text-align: center;
}
.wc-start-greeting .wc-page-heading.wc-page-header { margin: 0; }
/* The centered greeting does not need the header's one-sided help-button gap. */
.wc-content .wc-start-greeting .wc-page-header-intro { padding-right: 0; }
.wc-start-greeting .wc-page-header[data-standalone] .wc-page-header-title {
  max-width: 48rem;
  font-size: clamp(1.5rem, 3vw, 2.75rem);
  line-height: 1.25;
}
.wc-info-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.wc-info-columns > .wc-card, .wc-info-documents-card { padding: 1rem; min-width: 0; }
.wc-info-columns h2, .wc-info-documents-card h2 { font-size: 1rem; font-weight: 650; margin: 0 0 .75rem; }
.wc-info-document-list { display: grid; gap: .4rem; max-height: 55dvh; overflow: auto; }
.wc-info-document-row { display: flex; align-items: center; gap: .4rem; min-width: 0; border-bottom: 1px solid var(--border); }
.wc-info-document-row > button:first-child { display: flex; align-items: center; gap: .6rem; flex: 1; min-width: 0; padding: .55rem .2rem; text-align: start; }
.wc-info-document-row > button:first-child:hover { color: var(--primary); }
.wc-info-document-row > button:first-child > span { display: grid; min-width: 0; }
.wc-info-document-row strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 550; }
.wc-info-document-row small { color: var(--muted-foreground); }
.wc-info-preview { width: min(95vw, 1100px); max-width: 1100px; }
.wc-info-preview-frame { width: 100%; height: min(70dvh, 850px); border: 0; }
.wc-info-preview-media { max-width: 100%; max-height: 70dvh; margin: auto; object-fit: contain; }
.wc-info-picker .wc-info-document-list > button { justify-content: flex-start; white-space: normal; text-align: start; }
.wc-employee-overview-grid { display: grid; grid-template-columns: minmax(320px, .85fr) minmax(0, 1.5fr); gap: 1rem; align-items: start; }
.wc-employee-overview-grid > .wc-card { min-width: 0; }
.wc-employee-detail-cards { display: grid; gap: 1rem; min-width: 0; }
.wc-employee-detail-cards > .wc-card { min-width: 0; }
.wc-employee-evidence-links { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .75rem; }
@media (max-width: 800px) {
  .wc-info-columns { grid-template-columns: minmax(0, 1fr); }
  .wc-employee-overview-grid { grid-template-columns: minmax(0, 1fr); }
  .wc-sidebar.is-open {
    top: 0;
    bottom: 0;
    height: 100dvh;
    padding-top: max(3.25rem, env(safe-area-inset-top));
    padding-bottom: max(1rem, env(safe-area-inset-bottom));
    z-index: 50;
  }
  .wc-sidebar-close {
    display: grid;
    place-items: center;
    position: absolute;
    right: 0.75rem;
    top: max(0.5rem, env(safe-area-inset-top));
    width: 2.5rem;
    height: 2.5rem;
    border: 0;
    border-radius: var(--radius);
    background: transparent;
    color: var(--foreground);
  }
  .wc-sidebar-close:hover, .wc-sidebar-close:focus-visible { background: var(--accent); }
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/creator-account.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wc-account-menu {
  width: min(20rem, calc(100vw - 2rem));
  overflow-wrap: anywhere;
}
.wc-account-menu [data-slot="dropdown-menu-label"] {
  display: grid;
  gap: 0.35rem;
  padding: 0.7rem;
  white-space: normal;
}
.wc-account-menu [data-slot="dropdown-menu-label"] span {
  color: var(--muted-foreground);
  font-weight: normal;
}
.wc-account-menu [role="menuitem"] {
  min-height: 44px;
  padding: 0.65rem;
  white-space: normal;
}
.wc-sidebar nav .wc-mobile-help {
  display: none;
}
.wc-help-sheet {
  width: min(100vw, 38rem);
  max-width: 100vw !important;
}
.wc-help-content {
  min-height: 0;
  overflow-y: auto;
  padding: 0 1.25rem 2rem;
  overflow-wrap: anywhere;
}
.wc-help-content > label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 600;
}
.wc-help-content > p {
  margin-block: 1rem;
}
.wc-help-article {
  border-top: 1px solid var(--border);
  padding-block: 1.25rem;
}
.wc-help-article h2 {
  font-size: 1.1rem;
  font-weight: 600;
}
.wc-help-article h2 small {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.8rem;
  color: var(--muted-foreground);
}
.wc-help-article p {
  margin-block: 0.8rem;
}
.wc-help-article button {
  white-space: normal;
  height: auto;
  min-height: 44px;
}
.wc-profile-card {
  max-width: 45rem;
  padding: 1.5rem;
}
.wc-profile-card dl {
  display: grid;
  gap: 1rem;
}
.wc-profile-card dt {
  color: var(--muted-foreground);
}
.wc-profile-card dd {
  margin-top: 0.25rem;
  overflow-wrap: anywhere;
}
.wc-profile-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.25rem;
}
.wc-profile-actions button {
  min-height: 44px;
  white-space: normal;
  height: auto;
}
.wc-account-dialog {
  max-height: calc(100dvh - 2rem);
  overflow-y: auto;
  overflow-wrap: anywhere;
}
.wc-account-field {
  display: grid;
  gap: 0.4rem;
  margin-top: 1rem;
}
.wc-account-field p {
  font-size: 0.85rem;
}
.wc-account-dialog [role="alert"],
.wc-account-field [id$="-error"] {
  color: var(--destructive);
}
.wc-account-show-password {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-height: 44px;
  margin-top: 0.75rem;
}
.wc-account-show-password input {
  flex: 0 0 auto;
}
@media (max-width: 800px) {
  .wc-invite-button {
    width: 3rem;
    padding-inline: 0;
  }
  .wc-invite-button-label {
    display: none;
  }
  .wc-app
    :is(
      .wc-section-heading,
      .wc-editor-footer,
      .wc-button-row
    ) {
    flex-wrap: wrap;
    min-width: 0;
  }
  .wc-app
    :is(
      .wc-section-heading,
      .wc-editor-footer,
      .wc-button-row
    )
    > * {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
  }
  .wc-app :is(.wc-button-row, .wc-editor-footer) button {
    white-space: normal;
    height: auto;
    min-height: 44px;
  }
  .wc-top-actions > .wc-desktop-help {
    display: none;
  }
  .wc-sidebar nav .wc-mobile-help {
    display: flex;
  }
  .wc-profile-card {
    padding: 1rem;
  }
}
/* Direct user creation: password with show/generate buttons in one row. */
.wc-password-field { display: flex; gap: .375rem; align-items: center; min-width: 0; }
.wc-password-field > input { flex: 1 1 auto; min-width: 0; }

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/creator-dashboard.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wc-dashboard-layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 20px;
  align-items: start;
}
.wc-dashboard-block {
  min-width: 0;
  grid-column: 1 / -1;
}
.wc-dashboard-block[hidden] {
  display: none;
}
.wc-dashboard-block[data-size="half"] {
  grid-column: span 1;
}
.wc-dashboard-block[data-size="half"]
  :is(.wc-stats-grid, .wc-two-col, .wc-module-grid) {
  grid-template-columns: minmax(0, 1fr);
}
.wc-dashboard-layout .wc-section-heading {
  flex-wrap: wrap;
}
.wc-dashboard-layout .wc-section-heading > * {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.wc-dashboard-editor {
  width: min(100vw, 46rem);
  max-width: 100vw !important;
}
.wc-dashboard-editor-content {
  min-height: 0;
  overflow-y: auto;
  overflow-wrap: anywhere;
  padding: 0 1.25rem 2rem;
}
.wc-dashboard-editor-content > * + *,
.wc-dashboard-editor-content [role="tabpanel"] > * + * {
  margin-top: 1rem;
}
.wc-dashboard-editor-content label {
  display: block;
}
.wc-dashboard-editor-content :is(legend, h2) {
  font-weight: 600;
}
.wc-dashboard-editor-content button:not([role="checkbox"]) {
  white-space: normal;
  min-height: 44px;
  height: auto;
  max-width: 100%;
}
.wc-dashboard-editor-content .wc-workshop-tabs {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.wc-dashboard-editor-content [role="tab"] {
  min-height: 44px;
  padding: 0.5rem 1rem;
  border: 1px solid var(--border);
  border-radius: var(--radius);
}
.wc-dashboard-editor-content [role="tab"][aria-selected="true"] {
  color: var(--primary-foreground);
  background: var(--primary);
}
.wc-dashboard-scope label,
.wc-dashboard-editor-content .wc-dashboard-option {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-height: 44px;
}
.wc-dashboard-scope input,
.wc-dashboard-option input {
  flex: 0 0 auto;
}
.wc-dashboard-order {
  display: grid;
  gap: 1rem;
  padding: 0;
  list-style: none;
}
.wc-dashboard-order li {
  display: grid;
  gap: 0.65rem;
  padding: 1rem;
  border: 1px solid var(--border);
  border-radius: var(--radius);
}
.wc-dashboard-order li > div {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.wc-dashboard-order select {
  display: block;
  width: 100%;
  margin-top: 0.5rem;
  min-height: 44px;
  padding: 0.5rem;
  color: var(--foreground);
  background: var(--background);
  border: 1px solid var(--border);
  border-radius: var(--radius);
}
.wc-dashboard-arrangement {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 1rem;
}
.wc-dashboard-arrangement > div {
  min-width: 0;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 1rem;
  background: var(--muted);
}
.wc-dashboard-arrangement > [data-size="full"] {
  grid-column: 1 / -1;
}
.wc-dashboard-proposal {
  border: 1px solid var(--border);
  padding: 1rem;
  border-radius: var(--radius);
}
.wc-dashboard-proposal > * + * {
  margin-top: 0.75rem;
}
.wc-dashboard-editor-actions {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  padding-top: 0.5rem;
}
.wc-dashboard-editor [role="alert"] {
  color: var(--destructive);
}
.wc-data-block > * + * {
  margin-top: 1rem;
}
.wc-data-block button:not(.wc-record-link-icons > button):not([role="checkbox"]) {
  white-space: normal;
  height: auto;
  min-height: 44px;
  max-width: 100%;
}
.wc-data-block > .wc-data-metric {
  font-size: calc(2rem * var(--wc-font-scale, 1));
  font-weight: 650;
  overflow-wrap: anywhere;
}
.wc-dashboard-draft-status,
.wc-dashboard-draft-status section {
  display: grid;
  gap: 0.65rem;
  min-width: 0;
  overflow-wrap: anywhere;
}
.wc-dashboard-draft-status section section {
  border: 1px solid var(--border);
  padding: 0.75rem;
  border-radius: var(--radius);
}
.wc-data-table {
  overflow: auto;
  max-width: 100%;
}
.wc-data-table a {
  color: var(--primary);
  text-decoration: underline;
}
.wc-data-chart {
  padding: 0;
  list-style: none;
  display: grid;
  gap: 1rem;
  max-height: 28rem;
  overflow: auto;
}
.wc-data-chart li {
  display: grid;
  gap: 0.3rem;
  min-width: 0;
}
.wc-data-chart li > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.5rem;
  overflow-wrap: anywhere;
}
.wc-data-bar {
  display: block;
  height: 0.75rem;
  min-width: 2px;
  max-width: 100%;
  background: var(--primary);
  border-radius: var(--radius);
}
.wc-data-block h2,
.wc-data-block p {
  overflow-wrap: anywhere;
}
@media (max-width: 800px) {
  .wc-dashboard-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .wc-dashboard-block[data-size="half"] {
    grid-column: 1 / -1;
  }
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/creator-themes.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Generated by scripts/import-tweakcn.mjs. Base presets: jnsahaj/tweakcn (Apache-2.0), https://github.com/jnsahaj/tweakcn/blob/main/utils/theme-presets.ts. Linked template sources are recorded below and in src/creator/themes.json. */
[data-theme="secinnovation-2"] {
  --background: #1f1f1f;
  --foreground: #ffffff;
  --card: #2c2c2c;
  --card-foreground: #ffffff;
  --popover: #313131;
  --popover-foreground: #ffffff;
  --secondary: #313131;
  --secondary-foreground: #ffffff;
  --muted: #282828;
  --muted-foreground: #ffffff;
  --sidebar: #232323;
  --sidebar-foreground: #ffffff;
  --primary: #ea9235;
  --primary-foreground: #000000;
  --accent: #ea9235;
  --accent-foreground: #000000;
  --sidebar-primary: #ea9235;
  --sidebar-primary-foreground: #000000;
  --sidebar-accent: #ea9235;
  --sidebar-accent-foreground: #000000;
  --destructive: #b83232;
  --destructive-foreground: #ffffff;
  --border: #2a2a2a;
  --input: #2f2f2f;
  --ring: #ea9235;
  --sidebar-border: #2c2c2c;
  --sidebar-ring: #ea9235;
  --chart-1: #1f1f1f;
  --chart-2: #ea9235;
  --chart-3: #3a3a3a;
  --chart-4: #555555;
  --chart-5: #707070;
  --font-sans: var(--font-creator-inter), sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: var(--font-geist-mono), monospace;
  --radius: 0.375rem;
}
.dark [data-theme="secinnovation-2"] {
  --background: #1f1f1f;
  --foreground: #ffffff;
  --card: #2c2c2c;
  --card-foreground: #ffffff;
  --popover: #313131;
  --popover-foreground: #ffffff;
  --secondary: #313131;
  --secondary-foreground: #ffffff;
  --muted: #282828;
  --muted-foreground: #ffffff;
  --sidebar: #232323;
  --sidebar-foreground: #ffffff;
  --primary: #ea9235;
  --primary-foreground: #000000;
  --accent: #ea9235;
  --accent-foreground: #000000;
  --sidebar-primary: #ea9235;
  --sidebar-primary-foreground: #000000;
  --sidebar-accent: #ea9235;
  --sidebar-accent-foreground: #000000;
  --destructive: #b83232;
  --destructive-foreground: #ffffff;
  --border: #2a2a2a;
  --input: #2f2f2f;
  --ring: #ea9235;
  --sidebar-border: #2c2c2c;
  --sidebar-ring: #ea9235;
  --chart-1: #1f1f1f;
  --chart-2: #ea9235;
  --chart-3: #3a3a3a;
  --chart-4: #555555;
  --chart-5: #707070;
  --font-sans: var(--font-creator-inter), sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: var(--font-geist-mono), monospace;
  --radius: 0.375rem;
}
[data-theme="secinnovation-3"] {
  --background: #282828;
  --foreground: #ffffff;
  --card: #353535;
  --card-foreground: #ffffff;
  --popover: #393939;
  --popover-foreground: #ffffff;
  --secondary: #393939;
  --secondary-foreground: #ffffff;
  --muted: #313131;
  --muted-foreground: #ffffff;
  --sidebar: #2c2c2c;
  --sidebar-foreground: #ffffff;
  --primary: #b56b1d;
  --primary-foreground: #000000;
  --accent: #b56b1d;
  --accent-foreground: #000000;
  --sidebar-primary: #b56b1d;
  --sidebar-primary-foreground: #000000;
  --sidebar-accent: #b56b1d;
  --sidebar-accent-foreground: #000000;
  --destructive: #b83232;
  --destructive-foreground: #ffffff;
  --border: #333333;
  --input: #373737;
  --ring: #b56b1d;
  --sidebar-border: #353535;
  --sidebar-ring: #b56b1d;
  --chart-1: #282828;
  --chart-2: #b56b1d;
  --chart-3: #424242;
  --chart-4: #5c5c5c;
  --chart-5: #757575;
  --font-sans: var(--font-creator-inter), sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: var(--font-geist-mono), monospace;
  --radius: 0.375rem;
}
.dark [data-theme="secinnovation-3"] {
  --background: #282828;
  --foreground: #ffffff;
  --card: #353535;
  --card-foreground: #ffffff;
  --popover: #393939;
  --popover-foreground: #ffffff;
  --secondary: #393939;
  --secondary-foreground: #ffffff;
  --muted: #313131;
  --muted-foreground: #ffffff;
  --sidebar: #2c2c2c;
  --sidebar-foreground: #ffffff;
  --primary: #b56b1d;
  --primary-foreground: #000000;
  --accent: #b56b1d;
  --accent-foreground: #000000;
  --sidebar-primary: #b56b1d;
  --sidebar-primary-foreground: #000000;
  --sidebar-accent: #b56b1d;
  --sidebar-accent-foreground: #000000;
  --destructive: #b83232;
  --destructive-foreground: #ffffff;
  --border: #333333;
  --input: #373737;
  --ring: #b56b1d;
  --sidebar-border: #353535;
  --sidebar-ring: #b56b1d;
  --chart-1: #282828;
  --chart-2: #b56b1d;
  --chart-3: #424242;
  --chart-4: #5c5c5c;
  --chart-5: #757575;
  --font-sans: var(--font-creator-inter), sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: var(--font-geist-mono), monospace;
  --radius: 0.375rem;
}
[data-theme="felsentherme"] {
  --background: #007099;
  --foreground: #ffffff;
  --card: #0f799f;
  --card-foreground: #ffffff;
  --popover: #147ba1;
  --popover-foreground: #ffffff;
  --secondary: #147ba1;
  --secondary-foreground: #ffffff;
  --muted: #0a769d;
  --muted-foreground: #ffffff;
  --sidebar: #05739b;
  --sidebar-foreground: #ffffff;
  --primary: #ffffff;
  --primary-foreground: #000000;
  --accent: #ffffff;
  --accent-foreground: #000000;
  --sidebar-primary: #ffffff;
  --sidebar-primary-foreground: #000000;
  --sidebar-accent: #ffffff;
  --sidebar-accent-foreground: #000000;
  --destructive: #b83232;
  --destructive-foreground: #ffffff;
  --border: #0d779e;
  --input: #127aa0;
  --ring: #ffffff;
  --sidebar-border: #0f799f;
  --sidebar-ring: #ffffff;
  --chart-1: #007099;
  --chart-2: #ffffff;
  --chart-3: #1f81a5;
  --chart-4: #3d92b1;
  --chart-5: #5ca3be;
  --font-sans: var(--font-creator-inter), sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: var(--font-geist-mono), monospace;
  --radius: 0.375rem;
}
.dark [data-theme="felsentherme"] {
  --background: #007099;
  --foreground: #ffffff;
  --card: #0f799f;
  --card-foreground: #ffffff;
  --popover: #147ba1;
  --popover-foreground: #ffffff;
  --secondary: #147ba1;
  --secondary-foreground: #ffffff;
  --muted: #0a769d;
  --muted-foreground: #ffffff;
  --sidebar: #05739b;
  --sidebar-foreground: #ffffff;
  --primary: #ffffff;
  --primary-foreground: #000000;
  --accent: #ffffff;
  --accent-foreground: #000000;
  --sidebar-primary: #ffffff;
  --sidebar-primary-foreground: #000000;
  --sidebar-accent: #ffffff;
  --sidebar-accent-foreground: #000000;
  --destructive: #b83232;
  --destructive-foreground: #ffffff;
  --border: #0d779e;
  --input: #127aa0;
  --ring: #ffffff;
  --sidebar-border: #0f799f;
  --sidebar-ring: #ffffff;
  --chart-1: #007099;
  --chart-2: #ffffff;
  --chart-3: #1f81a5;
  --chart-4: #3d92b1;
  --chart-5: #5ca3be;
  --font-sans: var(--font-creator-inter), sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: var(--font-geist-mono), monospace;
  --radius: 0.375rem;
}
[data-theme="alpentherme"] {
  --background: #ffffff;
  --foreground: #004b61;
  --card: #f8f9fa;
  --card-foreground: #004b61;
  --popover: #ffffff;
  --popover-foreground: #004b61;
  --primary: #004b61;
  --primary-foreground: #ffffff;
  --secondary: #ff9e61;
  --secondary-foreground: #ffffff;
  --muted: #e5e7eb;
  --muted-foreground: #6b7280;
  --accent: #ff9e61;
  --accent-foreground: #ffffff;
  --destructive: #ef4444;
  --destructive-foreground: #ffffff;
  --border: #e5e7eb;
  --input: #6f99a5;
  --ring: #004b61;
  --chart-1: #004b61;
  --chart-2: #ff9e61;
  --chart-3: #00607d;
  --chart-4: #ffb88c;
  --chart-5: #2a7e93;
  --sidebar: #004b61;
  --sidebar-foreground: #ffffff;
  --sidebar-primary: #ffffff;
  --sidebar-primary-foreground: #004b61;
  --sidebar-accent: #00607d;
  --sidebar-accent-foreground: #ffffff;
  --sidebar-border: #00607d;
  --sidebar-ring: #ffffff;
  --font-sans: Helvetica, Arial, sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: monospace;
  --radius: 0.25rem;
  --shadow-x: 0px;
  --shadow-y: 4px;
  --shadow-blur: 10px;
  --shadow-spread: 0px;
  --shadow-opacity: 0.1;
  --shadow-color: #000000;
  --shadow-2xs: 0px 4px 10px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0px 4px 10px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm:
    0px 4px 10px 0px hsl(0 0% 0% / 0.1), 0px 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow:
    0px 4px 10px 0px hsl(0 0% 0% / 0.1), 0px 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow-md:
    0px 4px 10px 0px hsl(0 0% 0% / 0.1), 0px 2px 4px -1px hsl(0 0% 0% / 0.1);
  --shadow-lg:
    0px 4px 10px 0px hsl(0 0% 0% / 0.1), 0px 4px 6px -1px hsl(0 0% 0% / 0.1);
  --shadow-xl:
    0px 4px 10px 0px hsl(0 0% 0% / 0.1), 0px 8px 10px -1px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0px 4px 10px 0px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0.025em;
  --spacing: 0.25rem;
  --letter-spacing: 0.025em;
}
.dark [data-theme="alpentherme"] {
  --background: #002b38;
  --foreground: #ffffff;
  --card: #003d4d;
  --card-foreground: #ffffff;
  --popover: #003d4d;
  --popover-foreground: #ffffff;
  --primary: #ff9e61;
  --primary-foreground: #002b38;
  --secondary: #004b61;
  --secondary-foreground: #ffffff;
  --muted: #003544;
  --muted-foreground: #9ca3af;
  --accent: #00607d;
  --accent-foreground: #ffffff;
  --destructive: #7f1d1d;
  --destructive-foreground: #ffffff;
  --border: #0d4757;
  --input: #071013;
  --ring: #ff9e61;
  --chart-1: #ff9e61;
  --chart-2: #00607d;
  --chart-3: #ffb88c;
  --chart-4: #004b61;
  --chart-5: #2a7e93;
  --sidebar: #001a22;
  --sidebar-foreground: #f8f9fa;
  --sidebar-primary: #ff9e61;
  --sidebar-primary-foreground: #001a22;
  --sidebar-accent: #002b38;
  --sidebar-accent-foreground: #ffffff;
  --sidebar-border: #002b38;
  --sidebar-ring: #ff9e61;
  --font-sans: Helvetica, Arial, sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: monospace;
  --radius: 0.25rem;
  --shadow-x: 0px;
  --shadow-y: 6px;
  --shadow-blur: 15px;
  --shadow-spread: 0px;
  --shadow-opacity: 0.4;
  --shadow-color: #000000;
  --shadow-2xs: 0px 6px 15px 0px hsl(0 0% 0% / 0.2);
  --shadow-xs: 0px 6px 15px 0px hsl(0 0% 0% / 0.2);
  --shadow-sm:
    0px 6px 15px 0px hsl(0 0% 0% / 0.4), 0px 1px 2px -1px hsl(0 0% 0% / 0.4);
  --shadow:
    0px 6px 15px 0px hsl(0 0% 0% / 0.4), 0px 1px 2px -1px hsl(0 0% 0% / 0.4);
  --shadow-md:
    0px 6px 15px 0px hsl(0 0% 0% / 0.4), 0px 2px 4px -1px hsl(0 0% 0% / 0.4);
  --shadow-lg:
    0px 6px 15px 0px hsl(0 0% 0% / 0.4), 0px 4px 6px -1px hsl(0 0% 0% / 0.4);
  --shadow-xl:
    0px 6px 15px 0px hsl(0 0% 0% / 0.4), 0px 8px 10px -1px hsl(0 0% 0% / 0.4);
  --shadow-2xl: 0px 6px 15px 0px hsl(0 0% 0% / 1);
  --tracking-normal: 0.025em;
  --spacing: 0.25rem;
  --letter-spacing: 0.025em;
}
/* Amber Minimal: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/amber-minimal.css */
[data-theme="amber-minimal"] {
  --background: oklch(1 0 0);
  --foreground: oklch(0.27 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.27 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.27 0 0);
  --primary: oklch(0.77 0.16 70.08);
  --primary-foreground: oklch(0 0 0);
  --secondary: oklch(0.97 0 264.54);
  --secondary-foreground: oklch(0.45 0.03 256.8);
  --muted: oklch(0.98 0 247.84);
  --muted-foreground: oklch(0.55 0.02 264.36);
  --accent: oklch(0.99 0.02 95.28);
  --accent-foreground: oklch(0.47 0.12 46.2);
  --destructive: oklch(0.64 0.21 25.33);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.93 0.01 264.53);
  --input: oklch(0.93 0.01 264.53);
  --ring: oklch(0.77 0.16 70.08);
  --chart-1: oklch(0.77 0.16 70.08);
  --chart-2: oklch(0.67 0.16 58.32);
  --chart-3: oklch(0.56 0.15 49);
  --chart-4: oklch(0.47 0.12 46.2);
  --chart-5: oklch(0.41 0.11 45.9);
  --radius: 0.375rem;
  --sidebar: oklch(0.98 0 247.84);
  --sidebar-foreground: oklch(0.27 0 0);
  --sidebar-primary: oklch(0.77 0.16 70.08);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.99 0.02 95.28);
  --sidebar-accent-foreground: oklch(0.47 0.12 46.2);
  --sidebar-border: oklch(0.93 0.01 264.53);
  --sidebar-ring: oklch(0.77 0.16 70.08);
  --font-sans: var(--font-creator-inter), sans-serif;
  --font-serif: Source Serif 4, serif;
  --font-mono: JetBrains Mono, monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.1;
  --shadow-blur: 8px;
  --shadow-spread: -1px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 4px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
  --shadow-sm:
    0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1);
  --shadow:
    0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1);
  --shadow-md:
    0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1);
  --shadow-lg:
    0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1);
  --shadow-xl:
    0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
}
.dark [data-theme="amber-minimal"] {
  --background: oklch(0.2 0 0);
  --foreground: oklch(0.92 0 0);
  --card: oklch(0.27 0 0);
  --card-foreground: oklch(0.92 0 0);
  --popover: oklch(0.27 0 0);
  --popover-foreground: oklch(0.92 0 0);
  --primary: oklch(0.77 0.16 70.08);
  --primary-foreground: oklch(0 0 0);
  --secondary: oklch(0.27 0 0);
  --secondary-foreground: oklch(0.92 0 0);
  --muted: oklch(0.27 0 0);
  --muted-foreground: oklch(0.72 0 0);
  --accent: oklch(0.47 0.12 46.2);
  --accent-foreground: oklch(0.92 0.12 95.75);
  --destructive: oklch(0.64 0.21 25.33);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.37 0 0);
  --input: oklch(0.37 0 0);
  --ring: oklch(0.77 0.16 70.08);
  --chart-1: oklch(0.84 0.16 84.43);
  --chart-2: oklch(0.67 0.16 58.32);
  --chart-3: oklch(0.47 0.12 46.2);
  --chart-4: oklch(0.56 0.15 49);
  --chart-5: oklch(0.47 0.12 46.2);
  --radius: 0.375rem;
  --sidebar: oklch(0.17 0 0);
  --sidebar-foreground: oklch(0.92 0 0);
  --sidebar-primary: oklch(0.77 0.16 70.08);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.47 0.12 46.2);
  --sidebar-accent-foreground: oklch(0.92 0.12 95.75);
  --sidebar-border: oklch(0.37 0 0);
  --sidebar-ring: oklch(0.77 0.16 70.08);
  --font-sans: var(--font-creator-inter), sans-serif;
  --font-serif: Source Serif 4, serif;
  --font-mono: JetBrains Mono, monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.1;
  --shadow-blur: 8px;
  --shadow-spread: -1px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 4px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
  --shadow-sm:
    0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1);
  --shadow:
    0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1);
  --shadow-md:
    0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1);
  --shadow-lg:
    0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1);
  --shadow-xl:
    0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
}
/* Bold Tech: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/bold-tech.css */
[data-theme="bold-tech"] {
  --background: oklch(1 0 0);
  --foreground: oklch(0.36 0.14 278.7);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.36 0.14 278.7);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.36 0.14 278.7);
  --primary: oklch(0.61 0.22 292.72);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.96 0.02 295.19);
  --secondary-foreground: oklch(0.46 0.21 277.02);
  --muted: oklch(0.97 0.02 293.76);
  --muted-foreground: oklch(0.54 0.25 293.01);
  --accent: oklch(0.93 0.03 255.59);
  --accent-foreground: oklch(0.42 0.18 265.64);
  --destructive: oklch(0.64 0.21 25.33);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.93 0.03 272.79);
  --input: oklch(0.93 0.03 272.79);
  --ring: oklch(0.61 0.22 292.72);
  --chart-1: oklch(0.61 0.22 292.72);
  --chart-2: oklch(0.54 0.25 293.01);
  --chart-3: oklch(0.49 0.24 292.58);
  --chart-4: oklch(0.43 0.21 292.76);
  --chart-5: oklch(0.38 0.18 293.74);
  --radius: 0.625rem;
  --sidebar: oklch(0.97 0.02 293.76);
  --sidebar-foreground: oklch(0.36 0.14 278.7);
  --sidebar-primary: oklch(0.61 0.22 292.72);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.93 0.03 255.59);
  --sidebar-accent-foreground: oklch(0.42 0.18 265.64);
  --sidebar-border: oklch(0.93 0.03 272.79);
  --sidebar-ring: oklch(0.61 0.22 292.72);
  --font-sans: Roboto, sans-serif;
  --font-serif: Playfair Display, serif;
  --font-mono: Fira Code, monospace;
  --shadow-color: hsl(255 86% 66%);
  --shadow-opacity: 0.2;
  --shadow-blur: 4px;
  --shadow-spread: 0px;
  --shadow-offset-x: 2px;
  --shadow-offset-y: 2px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 2px 2px 4px 0px hsl(255 86% 66% / 0.1);
  --shadow-xs: 2px 2px 4px 0px hsl(255 86% 66% / 0.1);
  --shadow-sm:
    2px 2px 4px 0px hsl(255 86% 66% / 0.2),
    2px 1px 2px -1px hsl(255 86% 66% / 0.2);
  --shadow:
    2px 2px 4px 0px hsl(255 86% 66% / 0.2),
    2px 1px 2px -1px hsl(255 86% 66% / 0.2);
  --shadow-md:
    2px 2px 4px 0px hsl(255 86% 66% / 0.2),
    2px 2px 4px -1px hsl(255 86% 66% / 0.2);
  --shadow-lg:
    2px 2px 4px 0px hsl(255 86% 66% / 0.2),
    2px 4px 6px -1px hsl(255 86% 66% / 0.2);
  --shadow-xl:
    2px 2px 4px 0px hsl(255 86% 66% / 0.2),
    2px 8px 10px -1px hsl(255 86% 66% / 0.2);
  --shadow-2xl: 2px 2px 4px 0px hsl(255 86% 66% / 0.5);
  --tracking-normal: 0em;
}
.dark [data-theme="bold-tech"] {
  --background: oklch(0.21 0.04 265.75);
  --foreground: oklch(0.93 0.03 272.79);
  --card: oklch(0.26 0.09 281.29);
  --card-foreground: oklch(0.93 0.03 272.79);
  --popover: oklch(0.26 0.09 281.29);
  --popover-foreground: oklch(0.93 0.03 272.79);
  --primary: oklch(0.61 0.22 292.72);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.26 0.09 281.29);
  --secondary-foreground: oklch(0.93 0.03 272.79);
  --muted: oklch(0.26 0.09 281.29);
  --muted-foreground: oklch(0.81 0.1 293.57);
  --accent: oklch(0.46 0.21 277.02);
  --accent-foreground: oklch(0.93 0.03 272.79);
  --destructive: oklch(0.64 0.21 25.33);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.28 0.14 291.09);
  --input: oklch(0.28 0.14 291.09);
  --ring: oklch(0.61 0.22 292.72);
  --chart-1: oklch(0.71 0.16 293.54);
  --chart-2: oklch(0.61 0.22 292.72);
  --chart-3: oklch(0.54 0.25 293.01);
  --chart-4: oklch(0.49 0.24 292.58);
  --chart-5: oklch(0.43 0.21 292.76);
  --radius: 0.625rem;
  --sidebar: oklch(0.21 0.04 265.75);
  --sidebar-foreground: oklch(0.93 0.03 272.79);
  --sidebar-primary: oklch(0.61 0.22 292.72);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.46 0.21 277.02);
  --sidebar-accent-foreground: oklch(0.93 0.03 272.79);
  --sidebar-border: oklch(0.28 0.14 291.09);
  --sidebar-ring: oklch(0.61 0.22 292.72);
  --font-sans: Roboto, sans-serif;
  --font-serif: Playfair Display, serif;
  --font-mono: Fira Code, monospace;
  --shadow-color: hsl(255 86% 66%);
  --shadow-opacity: 0.2;
  --shadow-blur: 4px;
  --shadow-spread: 0px;
  --shadow-offset-x: 2px;
  --shadow-offset-y: 2px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 2px 2px 4px 0px hsl(255 86% 66% / 0.1);
  --shadow-xs: 2px 2px 4px 0px hsl(255 86% 66% / 0.1);
  --shadow-sm:
    2px 2px 4px 0px hsl(255 86% 66% / 0.2),
    2px 1px 2px -1px hsl(255 86% 66% / 0.2);
  --shadow:
    2px 2px 4px 0px hsl(255 86% 66% / 0.2),
    2px 1px 2px -1px hsl(255 86% 66% / 0.2);
  --shadow-md:
    2px 2px 4px 0px hsl(255 86% 66% / 0.2),
    2px 2px 4px -1px hsl(255 86% 66% / 0.2);
  --shadow-lg:
    2px 2px 4px 0px hsl(255 86% 66% / 0.2),
    2px 4px 6px -1px hsl(255 86% 66% / 0.2);
  --shadow-xl:
    2px 2px 4px 0px hsl(255 86% 66% / 0.2),
    2px 8px 10px -1px hsl(255 86% 66% / 0.2);
  --shadow-2xl: 2px 2px 4px 0px hsl(255 86% 66% / 0.5);
  --tracking-normal: 0em;
}
/* Bubblegum: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/bubblegum.css */
[data-theme="bubblegum"] {
  --background: oklch(0.94 0.02 345.7);
  --foreground: oklch(0.47 0 0);
  --card: oklch(0.95 0.05 86.89);
  --card-foreground: oklch(0.47 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.47 0 0);
  --primary: oklch(0.62 0.18 348.14);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.81 0.07 198.19);
  --secondary-foreground: oklch(0.32 0 0);
  --muted: oklch(0.88 0.05 212.1);
  --muted-foreground: oklch(0.58 0 0);
  --accent: oklch(0.92 0.08 87.67);
  --accent-foreground: oklch(0.32 0 0);
  --destructive: oklch(0.71 0.17 21.96);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.62 0.18 348.14);
  --input: oklch(0.92 0 0);
  --ring: oklch(0.7 0.16 350.75);
  --chart-1: oklch(0.7 0.16 350.75);
  --chart-2: oklch(0.82 0.08 212.09);
  --chart-3: oklch(0.92 0.08 87.67);
  --chart-4: oklch(0.8 0.11 348.18);
  --chart-5: oklch(0.62 0.19 353.91);
  --radius: 0.4rem;
  --sidebar: oklch(0.91 0.04 343.09);
  --sidebar-foreground: oklch(0.32 0 0);
  --sidebar-primary: oklch(0.66 0.21 354.31);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.82 0.11 346.02);
  --sidebar-accent-foreground: oklch(0.32 0 0);
  --sidebar-border: oklch(0.95 0.03 307.17);
  --sidebar-ring: oklch(0.66 0.21 354.31);
  --font-sans: Poppins, sans-serif;
  --font-serif: Lora, serif;
  --font-mono: Fira Code, monospace;
  --shadow-color: hsl(325.78 58.18% 56.86% / 0.5);
  --shadow-opacity: 1;
  --shadow-blur: 0px;
  --shadow-spread: 0px;
  --shadow-offset-x: 3px;
  --shadow-offset-y: 3px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 3px 3px 0px 0px hsl(325.78 58.18% 56.86% / 0.5);
  --shadow-xs: 3px 3px 0px 0px hsl(325.78 58.18% 56.86% / 0.5);
  --shadow-sm:
    3px 3px 0px 0px hsl(325.78 58.18% 56.86% / 1),
    3px 1px 2px -1px hsl(325.78 58.18% 56.86% / 1);
  --shadow:
    3px 3px 0px 0px hsl(325.78 58.18% 56.86% / 1),
    3px 1px 2px -1px hsl(325.78 58.18% 56.86% / 1);
  --shadow-md:
    3px 3px 0px 0px hsl(325.78 58.18% 56.86% / 1),
    3px 2px 4px -1px hsl(325.78 58.18% 56.86% / 1);
  --shadow-lg:
    3px 3px 0px 0px hsl(325.78 58.18% 56.86% / 1),
    3px 4px 6px -1px hsl(325.78 58.18% 56.86% / 1);
  --shadow-xl:
    3px 3px 0px 0px hsl(325.78 58.18% 56.86% / 1),
    3px 8px 10px -1px hsl(325.78 58.18% 56.86% / 1);
  --shadow-2xl: 3px 3px 0px 0px hsl(325.78 58.18% 56.86% / 2.5);
  --tracking-normal: 0em;
}
.dark [data-theme="bubblegum"] {
  --background: oklch(0.25 0.03 234.16);
  --foreground: oklch(0.93 0.02 349.08);
  --card: oklch(0.29 0.03 233.54);
  --card-foreground: oklch(0.93 0.02 349.08);
  --popover: oklch(0.29 0.03 233.54);
  --popover-foreground: oklch(0.93 0.02 349.08);
  --primary: oklch(0.92 0.08 87.67);
  --primary-foreground: oklch(0.25 0.03 234.16);
  --secondary: oklch(0.78 0.08 4.13);
  --secondary-foreground: oklch(0.25 0.03 234.16);
  --muted: oklch(0.27 0.01 255.58);
  --muted-foreground: oklch(0.78 0.08 4.13);
  --accent: oklch(0.67 0.1 356.98);
  --accent-foreground: oklch(0.93 0.02 349.08);
  --destructive: oklch(0.67 0.18 350.36);
  --destructive-foreground: oklch(0.25 0.03 234.16);
  --border: oklch(0.39 0.04 242.22);
  --input: oklch(0.31 0.03 232);
  --ring: oklch(0.7 0.09 201.87);
  --chart-1: oklch(0.7 0.09 201.87);
  --chart-2: oklch(0.78 0.08 4.13);
  --chart-3: oklch(0.67 0.1 356.98);
  --chart-4: oklch(0.44 0.07 217.08);
  --chart-5: oklch(0.27 0.01 255.58);
  --radius: 0.4rem;
  --sidebar: oklch(0.23 0.03 235.97);
  --sidebar-foreground: oklch(0.97 0 264.54);
  --sidebar-primary: oklch(0.66 0.21 354.31);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.82 0.11 346.02);
  --sidebar-accent-foreground: oklch(0.28 0.03 256.85);
  --sidebar-border: oklch(0.37 0.03 259.73);
  --sidebar-ring: oklch(0.66 0.21 354.31);
  --font-sans: Poppins, sans-serif;
  --font-serif: Lora, serif;
  --font-mono: Fira Code, monospace;
  --shadow-color: #324859;
  --shadow-opacity: 1;
  --shadow-blur: 0px;
  --shadow-spread: 0px;
  --shadow-offset-x: 3px;
  --shadow-offset-y: 3px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 3px 3px 0px 0px hsl(206.15 28.06% 27.25% / 0.5);
  --shadow-xs: 3px 3px 0px 0px hsl(206.15 28.06% 27.25% / 0.5);
  --shadow-sm:
    3px 3px 0px 0px hsl(206.15 28.06% 27.25% / 1),
    3px 1px 2px -1px hsl(206.15 28.06% 27.25% / 1);
  --shadow:
    3px 3px 0px 0px hsl(206.15 28.06% 27.25% / 1),
    3px 1px 2px -1px hsl(206.15 28.06% 27.25% / 1);
  --shadow-md:
    3px 3px 0px 0px hsl(206.15 28.06% 27.25% / 1),
    3px 2px 4px -1px hsl(206.15 28.06% 27.25% / 1);
  --shadow-lg:
    3px 3px 0px 0px hsl(206.15 28.06% 27.25% / 1),
    3px 4px 6px -1px hsl(206.15 28.06% 27.25% / 1);
  --shadow-xl:
    3px 3px 0px 0px hsl(206.15 28.06% 27.25% / 1),
    3px 8px 10px -1px hsl(206.15 28.06% 27.25% / 1);
  --shadow-2xl: 3px 3px 0px 0px hsl(206.15 28.06% 27.25% / 2.5);
  --tracking-normal: 0em;
}
/* Caffeine: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/caffeine.css */
[data-theme="caffeine"] {
  --background: oklch(0.98 0 0);
  --foreground: oklch(0.24 0 0);
  --card: oklch(0.99 0 0);
  --card-foreground: oklch(0.24 0 0);
  --popover: oklch(0.99 0 0);
  --popover-foreground: oklch(0.24 0 0);
  --primary: oklch(0.43 0.04 41.99);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.92 0.07 74.37);
  --secondary-foreground: oklch(0.35 0.07 40.83);
  --muted: oklch(0.95 0 0);
  --muted-foreground: oklch(0.5 0 0);
  --accent: oklch(0.93 0 0);
  --accent-foreground: oklch(0.24 0 0);
  --destructive: oklch(0.63 0.19 33.34);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.88 0 0);
  --input: oklch(0.88 0 0);
  --ring: oklch(0.43 0.04 41.99);
  --chart-1: oklch(0.43 0.04 41.99);
  --chart-2: oklch(0.92 0.07 74.37);
  --chart-3: oklch(0.93 0 0);
  --chart-4: oklch(0.94 0.05 75.5);
  --chart-5: oklch(0.43 0.04 41.67);
  --radius: 0.5rem;
  --sidebar: oklch(0.99 0 0);
  --sidebar-foreground: oklch(0.26 0 0);
  --sidebar-primary: oklch(0.33 0 0);
  --sidebar-primary-foreground: oklch(0.99 0 0);
  --sidebar-accent: oklch(0.98 0 0);
  --sidebar-accent-foreground: oklch(0.33 0 0);
  --sidebar-border: oklch(0.94 0 0);
  --sidebar-ring: oklch(0.77 0 0);
  --font-sans:
    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.1;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0;
  --shadow-offset-y: 1px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow-md:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
  --shadow-lg:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
  --shadow-xl:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
}
.dark [data-theme="caffeine"] {
  --background: oklch(0.18 0 0);
  --foreground: oklch(0.95 0 0);
  --card: oklch(0.21 0 0);
  --card-foreground: oklch(0.95 0 0);
  --popover: oklch(0.21 0 0);
  --popover-foreground: oklch(0.95 0 0);
  --primary: oklch(0.92 0.05 66.17);
  --primary-foreground: oklch(0.2 0.02 200.2);
  --secondary: oklch(0.32 0.02 63.7);
  --secondary-foreground: oklch(0.92 0.05 66.17);
  --muted: oklch(0.25 0 0);
  --muted-foreground: oklch(0.77 0 0);
  --accent: oklch(0.29 0 0);
  --accent-foreground: oklch(0.95 0 0);
  --destructive: oklch(0.63 0.19 33.34);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.24 0.01 91.75);
  --input: oklch(0.4 0 0);
  --ring: oklch(0.92 0.05 66.17);
  --chart-1: oklch(0.92 0.05 66.17);
  --chart-2: oklch(0.32 0.02 63.7);
  --chart-3: oklch(0.29 0 0);
  --chart-4: oklch(0.35 0.02 67);
  --chart-5: oklch(0.92 0.05 67.09);
  --radius: 0.5rem;
  --sidebar: oklch(0.21 0.01 285.89);
  --sidebar-foreground: oklch(0.97 0 286.38);
  --sidebar-primary: oklch(0.49 0.22 264.38);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.27 0.01 286.03);
  --sidebar-accent-foreground: oklch(0.97 0 286.38);
  --sidebar-border: oklch(0.27 0.01 286.03);
  --sidebar-ring: oklch(0.87 0.01 286.29);
  --font-sans:
    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.1;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0;
  --shadow-offset-y: 1px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow-md:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
  --shadow-lg:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
  --shadow-xl:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
}
/* Candyland: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/candyland.css */
[data-theme="candyland"] {
  --background: oklch(0.98 0 228.78);
  --foreground: oklch(0.32 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.32 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.32 0 0);
  --primary: oklch(0.87 0.07 7.09);
  --primary-foreground: oklch(0 0 0);
  --secondary: oklch(0.81 0.08 225.75);
  --secondary-foreground: oklch(0 0 0);
  --muted: oklch(0.88 0.03 98.1);
  --muted-foreground: oklch(0.54 0 0);
  --accent: oklch(0.97 0.21 109.77);
  --accent-foreground: oklch(0 0 0);
  --destructive: oklch(0.64 0.21 25.33);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.87 0 0);
  --input: oklch(0.87 0 0);
  --ring: oklch(0.87 0.07 7.09);
  --chart-1: oklch(0.87 0.07 7.09);
  --chart-2: oklch(0.81 0.08 225.75);
  --chart-3: oklch(0.97 0.21 109.77);
  --chart-4: oklch(0.8 0.14 349.23);
  --chart-5: oklch(0.74 0.23 142.85);
  --radius: 0.5rem;
  --sidebar: oklch(0.98 0 228.78);
  --sidebar-foreground: oklch(0.32 0 0);
  --sidebar-primary: oklch(0.87 0.07 7.09);
  --sidebar-primary-foreground: oklch(0 0 0);
  --sidebar-accent: oklch(0.97 0.21 109.77);
  --sidebar-accent-foreground: oklch(0 0 0);
  --sidebar-border: oklch(0.87 0 0);
  --sidebar-ring: oklch(0.87 0.07 7.09);
  --font-sans: Poppins, sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: Roboto Mono, monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.1;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0;
  --shadow-offset-y: 1px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow-md:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
  --shadow-lg:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
  --shadow-xl:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
}
.dark [data-theme="candyland"] {
  --background: oklch(0.23 0.01 264.29);
  --foreground: oklch(0.92 0 0);
  --card: oklch(0.32 0.01 223.67);
  --card-foreground: oklch(0.92 0 0);
  --popover: oklch(0.32 0.01 223.67);
  --popover-foreground: oklch(0.92 0 0);
  --primary: oklch(0.8 0.14 349.23);
  --primary-foreground: oklch(0 0 0);
  --secondary: oklch(0.74 0.23 142.85);
  --secondary-foreground: oklch(0 0 0);
  --muted: oklch(0.39 0 0);
  --muted-foreground: oklch(0.72 0 0);
  --accent: oklch(0.81 0.08 225.75);
  --accent-foreground: oklch(0 0 0);
  --destructive: oklch(0.64 0.21 25.33);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.39 0 0);
  --input: oklch(0.39 0 0);
  --ring: oklch(0.8 0.14 349.23);
  --chart-1: oklch(0.8 0.14 349.23);
  --chart-2: oklch(0.74 0.23 142.85);
  --chart-3: oklch(0.81 0.08 225.75);
  --chart-4: oklch(0.97 0.21 109.77);
  --chart-5: oklch(0.87 0.18 90.38);
  --radius: 0.5rem;
  --sidebar: oklch(0.23 0.01 264.29);
  --sidebar-foreground: oklch(0.92 0 0);
  --sidebar-primary: oklch(0.8 0.14 349.23);
  --sidebar-primary-foreground: oklch(0 0 0);
  --sidebar-accent: oklch(0.81 0.08 225.75);
  --sidebar-accent-foreground: oklch(0 0 0);
  --sidebar-border: oklch(0.39 0 0);
  --sidebar-ring: oklch(0.8 0.14 349.23);
  --font-sans: Poppins, sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: Roboto Mono, monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.1;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0;
  --shadow-offset-y: 1px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow-md:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
  --shadow-lg:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
  --shadow-xl:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
}
/* Catppuccin: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/catppuccin.css */
[data-theme="catppuccin"] {
  --background: oklch(0.96 0.01 264.53);
  --foreground: oklch(0.44 0.04 279.33);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.44 0.04 279.33);
  --popover: oklch(0.86 0.01 268.48);
  --popover-foreground: oklch(0.44 0.04 279.33);
  --primary: oklch(0.55 0.25 297.02);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.86 0.01 268.48);
  --secondary-foreground: oklch(0.44 0.04 279.33);
  --muted: oklch(0.91 0.01 264.51);
  --muted-foreground: oklch(0.55 0.03 279.08);
  --accent: oklch(0.68 0.14 235.38);
  --accent-foreground: oklch(1 0 0);
  --destructive: oklch(0.55 0.22 19.81);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.81 0.02 271.2);
  --input: oklch(0.86 0.01 268.48);
  --ring: oklch(0.55 0.25 297.02);
  --chart-1: oklch(0.55 0.25 297.02);
  --chart-2: oklch(0.68 0.14 235.38);
  --chart-3: oklch(0.63 0.18 140.44);
  --chart-4: oklch(0.69 0.2 42.43);
  --chart-5: oklch(0.71 0.1 33.1);
  --radius: 0.35rem;
  --sidebar: oklch(0.93 0.01 264.52);
  --sidebar-foreground: oklch(0.44 0.04 279.33);
  --sidebar-primary: oklch(0.55 0.25 297.02);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.68 0.14 235.38);
  --sidebar-accent-foreground: oklch(1 0 0);
  --sidebar-border: oklch(0.81 0.02 271.2);
  --sidebar-ring: oklch(0.55 0.25 297.02);
  --font-sans: Montserrat, sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: Fira Code, monospace;
  --shadow-color: hsl(240 30% 25%);
  --shadow-opacity: 0.12;
  --shadow-blur: 6px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 4px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 4px 6px 0px hsl(240 30% 25% / 0.06);
  --shadow-xs: 0px 4px 6px 0px hsl(240 30% 25% / 0.06);
  --shadow-sm:
    0px 4px 6px 0px hsl(240 30% 25% / 0.12),
    0px 1px 2px -1px hsl(240 30% 25% / 0.12);
  --shadow:
    0px 4px 6px 0px hsl(240 30% 25% / 0.12),
    0px 1px 2px -1px hsl(240 30% 25% / 0.12);
  --shadow-md:
    0px 4px 6px 0px hsl(240 30% 25% / 0.12),
    0px 2px 4px -1px hsl(240 30% 25% / 0.12);
  --shadow-lg:
    0px 4px 6px 0px hsl(240 30% 25% / 0.12),
    0px 4px 6px -1px hsl(240 30% 25% / 0.12);
  --shadow-xl:
    0px 4px 6px 0px hsl(240 30% 25% / 0.12),
    0px 8px 10px -1px hsl(240 30% 25% / 0.12);
  --shadow-2xl: 0px 4px 6px 0px hsl(240 30% 25% / 0.3);
  --tracking-normal: 0em;
}
.dark [data-theme="catppuccin"] {
  --background: oklch(0.22 0.03 284.06);
  --foreground: oklch(0.88 0.04 272.28);
  --card: oklch(0.24 0.03 283.91);
  --card-foreground: oklch(0.88 0.04 272.28);
  --popover: oklch(0.4 0.03 280.15);
  --popover-foreground: oklch(0.88 0.04 272.28);
  --primary: oklch(0.79 0.12 304.77);
  --primary-foreground: oklch(0.24 0.03 283.91);
  --secondary: oklch(0.48 0.03 278.64);
  --secondary-foreground: oklch(0.88 0.04 272.28);
  --muted: oklch(0.3 0.03 276.21);
  --muted-foreground: oklch(0.75 0.04 273.93);
  --accent: oklch(0.85 0.08 210.25);
  --accent-foreground: oklch(0.24 0.03 283.91);
  --destructive: oklch(0.76 0.13 2.76);
  --destructive-foreground: oklch(0.24 0.03 283.91);
  --border: oklch(0.32 0.03 281.98);
  --input: oklch(0.32 0.03 281.98);
  --ring: oklch(0.79 0.12 304.77);
  --chart-1: oklch(0.79 0.12 304.77);
  --chart-2: oklch(0.85 0.08 210.25);
  --chart-3: oklch(0.86 0.11 142.72);
  --chart-4: oklch(0.82 0.1 52.63);
  --chart-5: oklch(0.92 0.02 30.49);
  --radius: 0.35rem;
  --sidebar: oklch(0.18 0.02 284.2);
  --sidebar-foreground: oklch(0.88 0.04 272.28);
  --sidebar-primary: oklch(0.79 0.12 304.77);
  --sidebar-primary-foreground: oklch(0.24 0.03 283.91);
  --sidebar-accent: oklch(0.85 0.08 210.25);
  --sidebar-accent-foreground: oklch(0.24 0.03 283.91);
  --sidebar-border: oklch(0.4 0.03 280.15);
  --sidebar-ring: oklch(0.79 0.12 304.77);
  --font-sans: Montserrat, sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: Fira Code, monospace;
  --shadow-color: hsl(240 30% 25%);
  --shadow-opacity: 0.12;
  --shadow-blur: 6px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 4px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 4px 6px 0px hsl(240 30% 25% / 0.06);
  --shadow-xs: 0px 4px 6px 0px hsl(240 30% 25% / 0.06);
  --shadow-sm:
    0px 4px 6px 0px hsl(240 30% 25% / 0.12),
    0px 1px 2px -1px hsl(240 30% 25% / 0.12);
  --shadow:
    0px 4px 6px 0px hsl(240 30% 25% / 0.12),
    0px 1px 2px -1px hsl(240 30% 25% / 0.12);
  --shadow-md:
    0px 4px 6px 0px hsl(240 30% 25% / 0.12),
    0px 2px 4px -1px hsl(240 30% 25% / 0.12);
  --shadow-lg:
    0px 4px 6px 0px hsl(240 30% 25% / 0.12),
    0px 4px 6px -1px hsl(240 30% 25% / 0.12);
  --shadow-xl:
    0px 4px 6px 0px hsl(240 30% 25% / 0.12),
    0px 8px 10px -1px hsl(240 30% 25% / 0.12);
  --shadow-2xl: 0px 4px 6px 0px hsl(240 30% 25% / 0.3);
  --tracking-normal: 0em;
}
/* Claude: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/claude.css */
[data-theme="claude"] {
  --background: oklch(0.98 0.01 95.1);
  --foreground: oklch(0.34 0.03 95.72);
  --card: oklch(0.98 0.01 95.1);
  --card-foreground: oklch(0.19 0 106.59);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.27 0.02 98.94);
  --primary: oklch(0.62 0.14 39.04);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.92 0.01 92.99);
  --secondary-foreground: oklch(0.43 0.02 98.6);
  --muted: oklch(0.93 0.02 90.24);
  --muted-foreground: oklch(0.61 0.01 97.42);
  --accent: oklch(0.92 0.01 92.99);
  --accent-foreground: oklch(0.27 0.02 98.94);
  --destructive: oklch(0.19 0 106.59);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.88 0.01 97.36);
  --input: oklch(0.76 0.02 98.35);
  --ring: oklch(0.59 0.17 253.06);
  --chart-1: oklch(0.56 0.13 43);
  --chart-2: oklch(0.69 0.16 290.41);
  --chart-3: oklch(0.88 0.03 93.13);
  --chart-4: oklch(0.88 0.04 298.18);
  --chart-5: oklch(0.56 0.13 42.06);
  --radius: 0.5rem;
  --sidebar: oklch(0.97 0.01 98.88);
  --sidebar-foreground: oklch(0.36 0.01 106.65);
  --sidebar-primary: oklch(0.62 0.14 39.04);
  --sidebar-primary-foreground: oklch(0.99 0 0);
  --sidebar-accent: oklch(0.92 0.01 92.99);
  --sidebar-accent-foreground: oklch(0.33 0 0);
  --sidebar-border: oklch(0.94 0 0);
  --sidebar-ring: oklch(0.77 0 0);
  --font-sans:
    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.1;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0;
  --shadow-offset-y: 1px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow-md:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
  --shadow-lg:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
  --shadow-xl:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
}
.dark [data-theme="claude"] {
  --background: oklch(0.27 0 106.64);
  --foreground: oklch(0.81 0.01 93.01);
  --card: oklch(0.27 0 106.64);
  --card-foreground: oklch(0.98 0.01 95.1);
  --popover: oklch(0.31 0 106.6);
  --popover-foreground: oklch(0.92 0 106.48);
  --primary: oklch(0.67 0.13 38.76);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.98 0.01 95.1);
  --secondary-foreground: oklch(0.31 0 106.6);
  --muted: oklch(0.22 0 106.71);
  --muted-foreground: oklch(0.77 0.02 99.07);
  --accent: oklch(0.21 0.01 95.42);
  --accent-foreground: oklch(0.97 0.01 98.88);
  --destructive: oklch(0.64 0.21 25.33);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.36 0.01 106.89);
  --input: oklch(0.43 0.01 100.22);
  --ring: oklch(0.59 0.17 253.06);
  --chart-1: oklch(0.56 0.13 43);
  --chart-2: oklch(0.69 0.16 290.41);
  --chart-3: oklch(0.21 0.01 95.42);
  --chart-4: oklch(0.31 0.05 289.32);
  --chart-5: oklch(0.56 0.13 42.06);
  --radius: 0.5rem;
  --sidebar: oklch(0.24 0 67.71);
  --sidebar-foreground: oklch(0.81 0.01 93.01);
  --sidebar-primary: oklch(0.33 0 0);
  --sidebar-primary-foreground: oklch(0.99 0 0);
  --sidebar-accent: oklch(0.17 0 106.62);
  --sidebar-accent-foreground: oklch(0.81 0.01 93.01);
  --sidebar-border: oklch(0.94 0 0);
  --sidebar-ring: oklch(0.77 0 0);
  --font-sans:
    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.1;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0;
  --shadow-offset-y: 1px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow-md:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
  --shadow-lg:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
  --shadow-xl:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
}
/* Claymorphism: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/claymorphism.css */
[data-theme="claymorphism"] {
  --background: oklch(0.92 0 48.72);
  --foreground: oklch(0.28 0.04 260.03);
  --card: oklch(0.97 0 106.42);
  --card-foreground: oklch(0.28 0.04 260.03);
  --popover: oklch(0.97 0 106.42);
  --popover-foreground: oklch(0.28 0.04 260.03);
  --primary: oklch(0.59 0.2 277.12);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.87 0 56.37);
  --secondary-foreground: oklch(0.45 0.03 256.8);
  --muted: oklch(0.92 0 48.72);
  --muted-foreground: oklch(0.55 0.02 264.36);
  --accent: oklch(0.94 0.03 321.94);
  --accent-foreground: oklch(0.37 0.03 259.73);
  --destructive: oklch(0.64 0.21 25.33);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.87 0 56.37);
  --input: oklch(0.87 0 56.37);
  --ring: oklch(0.59 0.2 277.12);
  --chart-1: oklch(0.59 0.2 277.12);
  --chart-2: oklch(0.51 0.23 276.97);
  --chart-3: oklch(0.46 0.21 277.02);
  --chart-4: oklch(0.4 0.18 277.37);
  --chart-5: oklch(0.36 0.14 278.7);
  --radius: 1.25rem;
  --sidebar: oklch(0.87 0 56.37);
  --sidebar-foreground: oklch(0.28 0.04 260.03);
  --sidebar-primary: oklch(0.59 0.2 277.12);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.94 0.03 321.94);
  --sidebar-accent-foreground: oklch(0.37 0.03 259.73);
  --sidebar-border: oklch(0.87 0 56.37);
  --sidebar-ring: oklch(0.59 0.2 277.12);
  --font-sans: Plus Jakarta Sans, sans-serif;
  --font-serif: Lora, serif;
  --font-mono: Roboto Mono, monospace;
  --shadow-color: hsl(240 4% 60%);
  --shadow-opacity: 0.18;
  --shadow-blur: 10px;
  --shadow-spread: 4px;
  --shadow-offset-x: 2px;
  --shadow-offset-y: 2px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 2px 2px 10px 4px hsl(240 4% 60% / 0.09);
  --shadow-xs: 2px 2px 10px 4px hsl(240 4% 60% / 0.09);
  --shadow-sm:
    2px 2px 10px 4px hsl(240 4% 60% / 0.18),
    2px 1px 2px 3px hsl(240 4% 60% / 0.18);
  --shadow:
    2px 2px 10px 4px hsl(240 4% 60% / 0.18),
    2px 1px 2px 3px hsl(240 4% 60% / 0.18);
  --shadow-md:
    2px 2px 10px 4px hsl(240 4% 60% / 0.18),
    2px 2px 4px 3px hsl(240 4% 60% / 0.18);
  --shadow-lg:
    2px 2px 10px 4px hsl(240 4% 60% / 0.18),
    2px 4px 6px 3px hsl(240 4% 60% / 0.18);
  --shadow-xl:
    2px 2px 10px 4px hsl(240 4% 60% / 0.18),
    2px 8px 10px 3px hsl(240 4% 60% / 0.18);
  --shadow-2xl: 2px 2px 10px 4px hsl(240 4% 60% / 0.45);
  --tracking-normal: 0em;
}
.dark [data-theme="claymorphism"] {
  --background: oklch(0.22 0.01 67.44);
  --foreground: oklch(0.93 0.01 255.51);
  --card: oklch(0.28 0.01 59.34);
  --card-foreground: oklch(0.93 0.01 255.51);
  --popover: oklch(0.28 0.01 59.34);
  --popover-foreground: oklch(0.93 0.01 255.51);
  --primary: oklch(0.68 0.16 276.93);
  --primary-foreground: oklch(0.22 0.01 67.44);
  --secondary: oklch(0.34 0.01 59.42);
  --secondary-foreground: oklch(0.87 0.01 258.34);
  --muted: oklch(0.28 0.01 59.34);
  --muted-foreground: oklch(0.71 0.02 261.32);
  --accent: oklch(0.39 0.01 59.47);
  --accent-foreground: oklch(0.87 0.01 258.34);
  --destructive: oklch(0.64 0.21 25.33);
  --destructive-foreground: oklch(0.22 0.01 67.44);
  --border: oklch(0.34 0.01 59.42);
  --input: oklch(0.34 0.01 59.42);
  --ring: oklch(0.68 0.16 276.93);
  --chart-1: oklch(0.68 0.16 276.93);
  --chart-2: oklch(0.59 0.2 277.12);
  --chart-3: oklch(0.51 0.23 276.97);
  --chart-4: oklch(0.46 0.21 277.02);
  --chart-5: oklch(0.4 0.18 277.37);
  --radius: 1.25rem;
  --sidebar: oklch(0.34 0.01 59.42);
  --sidebar-foreground: oklch(0.93 0.01 255.51);
  --sidebar-primary: oklch(0.68 0.16 276.93);
  --sidebar-primary-foreground: oklch(0.22 0.01 67.44);
  --sidebar-accent: oklch(0.39 0.01 59.47);
  --sidebar-accent-foreground: oklch(0.87 0.01 258.34);
  --sidebar-border: oklch(0.34 0.01 59.42);
  --sidebar-ring: oklch(0.68 0.16 276.93);
  --font-sans: Plus Jakarta Sans, sans-serif;
  --font-serif: Lora, serif;
  --font-mono: Roboto Mono, monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.18;
  --shadow-blur: 10px;
  --shadow-spread: 4px;
  --shadow-offset-x: 2px;
  --shadow-offset-y: 2px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 2px 2px 10px 4px hsl(0 0% 0% / 0.09);
  --shadow-xs: 2px 2px 10px 4px hsl(0 0% 0% / 0.09);
  --shadow-sm:
    2px 2px 10px 4px hsl(0 0% 0% / 0.18), 2px 1px 2px 3px hsl(0 0% 0% / 0.18);
  --shadow:
    2px 2px 10px 4px hsl(0 0% 0% / 0.18), 2px 1px 2px 3px hsl(0 0% 0% / 0.18);
  --shadow-md:
    2px 2px 10px 4px hsl(0 0% 0% / 0.18), 2px 2px 4px 3px hsl(0 0% 0% / 0.18);
  --shadow-lg:
    2px 2px 10px 4px hsl(0 0% 0% / 0.18), 2px 4px 6px 3px hsl(0 0% 0% / 0.18);
  --shadow-xl:
    2px 2px 10px 4px hsl(0 0% 0% / 0.18), 2px 8px 10px 3px hsl(0 0% 0% / 0.18);
  --shadow-2xl: 2px 2px 10px 4px hsl(0 0% 0% / 0.45);
  --tracking-normal: 0em;
}
/* Clean Slate: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/clean-slate.css */
[data-theme="clean-slate"] {
  --background: oklch(0.98 0 247.86);
  --foreground: oklch(0.28 0.04 260.03);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.28 0.04 260.03);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.28 0.04 260.03);
  --primary: oklch(0.59 0.2 277.12);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.93 0.01 264.53);
  --secondary-foreground: oklch(0.37 0.03 259.73);
  --muted: oklch(0.97 0 264.54);
  --muted-foreground: oklch(0.55 0.02 264.36);
  --accent: oklch(0.93 0.03 272.79);
  --accent-foreground: oklch(0.37 0.03 259.73);
  --destructive: oklch(0.64 0.21 25.33);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.87 0.01 258.34);
  --input: oklch(0.87 0.01 258.34);
  --ring: oklch(0.59 0.2 277.12);
  --chart-1: oklch(0.59 0.2 277.12);
  --chart-2: oklch(0.51 0.23 276.97);
  --chart-3: oklch(0.46 0.21 277.02);
  --chart-4: oklch(0.4 0.18 277.37);
  --chart-5: oklch(0.36 0.14 278.7);
  --radius: 0.5rem;
  --sidebar: oklch(0.97 0 264.54);
  --sidebar-foreground: oklch(0.28 0.04 260.03);
  --sidebar-primary: oklch(0.59 0.2 277.12);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.93 0.03 272.79);
  --sidebar-accent-foreground: oklch(0.37 0.03 259.73);
  --sidebar-border: oklch(0.87 0.01 258.34);
  --sidebar-ring: oklch(0.59 0.2 277.12);
  --font-sans: var(--font-creator-inter), sans-serif;
  --font-serif: Merriweather, serif;
  --font-mono: JetBrains Mono, monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.1;
  --shadow-blur: 8px;
  --shadow-spread: -1px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 4px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
  --shadow-sm:
    0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1);
  --shadow:
    0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1);
  --shadow-md:
    0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1);
  --shadow-lg:
    0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1);
  --shadow-xl:
    0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
}
.dark [data-theme="clean-slate"] {
  --background: oklch(0.21 0.04 265.75);
  --foreground: oklch(0.93 0.01 255.51);
  --card: oklch(0.28 0.04 260.03);
  --card-foreground: oklch(0.93 0.01 255.51);
  --popover: oklch(0.28 0.04 260.03);
  --popover-foreground: oklch(0.93 0.01 255.51);
  --primary: oklch(0.68 0.16 276.93);
  --primary-foreground: oklch(0.21 0.04 265.75);
  --secondary: oklch(0.34 0.03 260.91);
  --secondary-foreground: oklch(0.87 0.01 258.34);
  --muted: oklch(0.28 0.04 260.03);
  --muted-foreground: oklch(0.71 0.02 261.32);
  --accent: oklch(0.37 0.03 259.73);
  --accent-foreground: oklch(0.87 0.01 258.34);
  --destructive: oklch(0.64 0.21 25.33);
  --destructive-foreground: oklch(0.21 0.04 265.75);
  --border: oklch(0.45 0.03 256.8);
  --input: oklch(0.45 0.03 256.8);
  --ring: oklch(0.68 0.16 276.93);
  --chart-1: oklch(0.68 0.16 276.93);
  --chart-2: oklch(0.59 0.2 277.12);
  --chart-3: oklch(0.51 0.23 276.97);
  --chart-4: oklch(0.46 0.21 277.02);
  --chart-5: oklch(0.4 0.18 277.37);
  --radius: 0.5rem;
  --sidebar: oklch(0.28 0.04 260.03);
  --sidebar-foreground: oklch(0.93 0.01 255.51);
  --sidebar-primary: oklch(0.68 0.16 276.93);
  --sidebar-primary-foreground: oklch(0.21 0.04 265.75);
  --sidebar-accent: oklch(0.37 0.03 259.73);
  --sidebar-accent-foreground: oklch(0.87 0.01 258.34);
  --sidebar-border: oklch(0.45 0.03 256.8);
  --sidebar-ring: oklch(0.68 0.16 276.93);
  --font-sans: var(--font-creator-inter), sans-serif;
  --font-serif: Merriweather, serif;
  --font-mono: JetBrains Mono, monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.1;
  --shadow-blur: 8px;
  --shadow-spread: -1px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 4px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
  --shadow-sm:
    0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1);
  --shadow:
    0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1);
  --shadow-md:
    0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1);
  --shadow-lg:
    0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1);
  --shadow-xl:
    0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
}
/* Cosmic Night: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/cosmic-night.css */
[data-theme="cosmic-night"] {
  --background: oklch(0.97 0.01 286.15);
  --foreground: oklch(0.3 0.06 282.42);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.3 0.06 282.42);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.3 0.06 282.42);
  --primary: oklch(0.54 0.18 288.03);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.92 0.04 292.69);
  --secondary-foreground: oklch(0.41 0.1 288.17);
  --muted: oklch(0.96 0.01 286.15);
  --muted-foreground: oklch(0.54 0.05 284.74);
  --accent: oklch(0.92 0.04 262.14);
  --accent-foreground: oklch(0.3 0.06 282.42);
  --destructive: oklch(0.69 0.21 14.99);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.91 0.02 285.96);
  --input: oklch(0.91 0.02 285.96);
  --ring: oklch(0.54 0.18 288.03);
  --chart-1: oklch(0.54 0.18 288.03);
  --chart-2: oklch(0.7 0.16 288.99);
  --chart-3: oklch(0.57 0.21 276.71);
  --chart-4: oklch(0.64 0.19 281.81);
  --chart-5: oklch(0.45 0.18 279.38);
  --radius: 0.5rem;
  --sidebar: oklch(0.96 0.01 286.15);
  --sidebar-foreground: oklch(0.3 0.06 282.42);
  --sidebar-primary: oklch(0.54 0.18 288.03);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.92 0.04 262.14);
  --sidebar-accent-foreground: oklch(0.3 0.06 282.42);
  --sidebar-border: oklch(0.91 0.02 285.96);
  --sidebar-ring: oklch(0.54 0.18 288.03);
  --font-sans: var(--font-creator-inter), sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: JetBrains Mono, monospace;
  --shadow-color: hsl(240 30% 25%);
  --shadow-opacity: 0.12;
  --shadow-blur: 10px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 4px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 4px 10px 0px hsl(240 30% 25% / 0.06);
  --shadow-xs: 0px 4px 10px 0px hsl(240 30% 25% / 0.06);
  --shadow-sm:
    0px 4px 10px 0px hsl(240 30% 25% / 0.12),
    0px 1px 2px -1px hsl(240 30% 25% / 0.12);
  --shadow:
    0px 4px 10px 0px hsl(240 30% 25% / 0.12),
    0px 1px 2px -1px hsl(240 30% 25% / 0.12);
  --shadow-md:
    0px 4px 10px 0px hsl(240 30% 25% / 0.12),
    0px 2px 4px -1px hsl(240 30% 25% / 0.12);
  --shadow-lg:
    0px 4px 10px 0px hsl(240 30% 25% / 0.12),
    0px 4px 6px -1px hsl(240 30% 25% / 0.12);
  --shadow-xl:
    0px 4px 10px 0px hsl(240 30% 25% / 0.12),
    0px 8px 10px -1px hsl(240 30% 25% / 0.12);
  --shadow-2xl: 0px 4px 10px 0px hsl(240 30% 25% / 0.3);
  --tracking-normal: 0em;
}
.dark [data-theme="cosmic-night"] {
  --background: oklch(0.17 0.02 283.8);
  --foreground: oklch(0.92 0.03 285.88);
  --card: oklch(0.23 0.04 282.93);
  --card-foreground: oklch(0.92 0.03 285.88);
  --popover: oklch(0.23 0.04 282.93);
  --popover-foreground: oklch(0.92 0.03 285.88);
  --primary: oklch(0.72 0.16 290.4);
  --primary-foreground: oklch(0.17 0.02 283.8);
  --secondary: oklch(0.31 0.07 283.46);
  --secondary-foreground: oklch(0.84 0.08 285.91);
  --muted: oklch(0.27 0.06 281.44);
  --muted-foreground: oklch(0.72 0.05 285.17);
  --accent: oklch(0.34 0.08 280.97);
  --accent-foreground: oklch(0.92 0.03 285.88);
  --destructive: oklch(0.69 0.21 14.99);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.33 0.06 282.58);
  --input: oklch(0.33 0.06 282.58);
  --ring: oklch(0.72 0.16 290.4);
  --chart-1: oklch(0.72 0.16 290.4);
  --chart-2: oklch(0.64 0.1 274.91);
  --chart-3: oklch(0.75 0.12 244.75);
  --chart-4: oklch(0.71 0.1 186.68);
  --chart-5: oklch(0.75 0.18 346.81);
  --radius: 0.5rem;
  --sidebar: oklch(0.23 0.04 282.93);
  --sidebar-foreground: oklch(0.92 0.03 285.88);
  --sidebar-primary: oklch(0.72 0.16 290.4);
  --sidebar-primary-foreground: oklch(0.17 0.02 283.8);
  --sidebar-accent: oklch(0.34 0.08 280.97);
  --sidebar-accent-foreground: oklch(0.92 0.03 285.88);
  --sidebar-border: oklch(0.33 0.06 282.58);
  --sidebar-ring: oklch(0.72 0.16 290.4);
  --font-sans: var(--font-creator-inter), sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: JetBrains Mono, monospace;
  --shadow-color: hsl(240 30% 25%);
  --shadow-opacity: 0.12;
  --shadow-blur: 10px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 4px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 4px 10px 0px hsl(240 30% 25% / 0.06);
  --shadow-xs: 0px 4px 10px 0px hsl(240 30% 25% / 0.06);
  --shadow-sm:
    0px 4px 10px 0px hsl(240 30% 25% / 0.12),
    0px 1px 2px -1px hsl(240 30% 25% / 0.12);
  --shadow:
    0px 4px 10px 0px hsl(240 30% 25% / 0.12),
    0px 1px 2px -1px hsl(240 30% 25% / 0.12);
  --shadow-md:
    0px 4px 10px 0px hsl(240 30% 25% / 0.12),
    0px 2px 4px -1px hsl(240 30% 25% / 0.12);
  --shadow-lg:
    0px 4px 10px 0px hsl(240 30% 25% / 0.12),
    0px 4px 6px -1px hsl(240 30% 25% / 0.12);
  --shadow-xl:
    0px 4px 10px 0px hsl(240 30% 25% / 0.12),
    0px 8px 10px -1px hsl(240 30% 25% / 0.12);
  --shadow-2xl: 0px 4px 10px 0px hsl(240 30% 25% / 0.3);
  --tracking-normal: 0em;
}
/* Cyberpunk: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/cyberpunk.css */
[data-theme="cyberpunk"] {
  --background: oklch(0.98 0 247.84);
  --foreground: oklch(0.16 0.04 281.83);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.16 0.04 281.83);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.16 0.04 281.83);
  --primary: oklch(0.67 0.29 341.41);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.96 0.02 286.02);
  --secondary-foreground: oklch(0.16 0.04 281.83);
  --muted: oklch(0.96 0.02 286.02);
  --muted-foreground: oklch(0.16 0.04 281.83);
  --accent: oklch(0.89 0.17 171.27);
  --accent-foreground: oklch(0.16 0.04 281.83);
  --destructive: oklch(0.65 0.23 34.04);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.92 0.01 225.09);
  --input: oklch(0.92 0.01 225.09);
  --ring: oklch(0.67 0.29 341.41);
  --chart-1: oklch(0.67 0.29 341.41);
  --chart-2: oklch(0.55 0.29 299.1);
  --chart-3: oklch(0.84 0.15 209.29);
  --chart-4: oklch(0.89 0.17 171.27);
  --chart-5: oklch(0.92 0.19 101.41);
  --radius: 0.5rem;
  --sidebar: oklch(0.96 0.02 286.02);
  --sidebar-foreground: oklch(0.16 0.04 281.83);
  --sidebar-primary: oklch(0.67 0.29 341.41);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.89 0.17 171.27);
  --sidebar-accent-foreground: oklch(0.16 0.04 281.83);
  --sidebar-border: oklch(0.92 0.01 225.09);
  --sidebar-ring: oklch(0.67 0.29 341.41);
  --font-sans: Outfit, sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: Fira Code, monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.1;
  --shadow-blur: 8px;
  --shadow-spread: -2px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 4px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 4px 8px -2px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0px 4px 8px -2px hsl(0 0% 0% / 0.05);
  --shadow-sm:
    0px 4px 8px -2px hsl(0 0% 0% / 0.1), 0px 1px 2px -3px hsl(0 0% 0% / 0.1);
  --shadow:
    0px 4px 8px -2px hsl(0 0% 0% / 0.1), 0px 1px 2px -3px hsl(0 0% 0% / 0.1);
  --shadow-md:
    0px 4px 8px -2px hsl(0 0% 0% / 0.1), 0px 2px 4px -3px hsl(0 0% 0% / 0.1);
  --shadow-lg:
    0px 4px 8px -2px hsl(0 0% 0% / 0.1), 0px 4px 6px -3px hsl(0 0% 0% / 0.1);
  --shadow-xl:
    0px 4px 8px -2px hsl(0 0% 0% / 0.1), 0px 8px 10px -3px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0px 4px 8px -2px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
}
.dark [data-theme="cyberpunk"] {
  --background: oklch(0.16 0.04 281.83);
  --foreground: oklch(0.95 0.01 260.73);
  --card: oklch(0.25 0.06 281.14);
  --card-foreground: oklch(0.95 0.01 260.73);
  --popover: oklch(0.25 0.06 281.14);
  --popover-foreground: oklch(0.95 0.01 260.73);
  --primary: oklch(0.67 0.29 341.41);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.25 0.06 281.14);
  --secondary-foreground: oklch(0.95 0.01 260.73);
  --muted: oklch(0.25 0.06 281.14);
  --muted-foreground: oklch(0.62 0.05 278.1);
  --accent: oklch(0.89 0.17 171.27);
  --accent-foreground: oklch(0.16 0.04 281.83);
  --destructive: oklch(0.65 0.23 34.04);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.33 0.08 280.79);
  --input: oklch(0.33 0.08 280.79);
  --ring: oklch(0.67 0.29 341.41);
  --chart-1: oklch(0.67 0.29 341.41);
  --chart-2: oklch(0.55 0.29 299.1);
  --chart-3: oklch(0.84 0.15 209.29);
  --chart-4: oklch(0.89 0.17 171.27);
  --chart-5: oklch(0.92 0.19 101.41);
  --radius: 0.5rem;
  --sidebar: oklch(0.16 0.04 281.83);
  --sidebar-foreground: oklch(0.95 0.01 260.73);
  --sidebar-primary: oklch(0.67 0.29 341.41);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.89 0.17 171.27);
  --sidebar-accent-foreground: oklch(0.16 0.04 281.83);
  --sidebar-border: oklch(0.33 0.08 280.79);
  --sidebar-ring: oklch(0.67 0.29 341.41);
  --font-sans: Outfit, sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: Fira Code, monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.1;
  --shadow-blur: 8px;
  --shadow-spread: -2px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 4px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 4px 8px -2px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0px 4px 8px -2px hsl(0 0% 0% / 0.05);
  --shadow-sm:
    0px 4px 8px -2px hsl(0 0% 0% / 0.1), 0px 1px 2px -3px hsl(0 0% 0% / 0.1);
  --shadow:
    0px 4px 8px -2px hsl(0 0% 0% / 0.1), 0px 1px 2px -3px hsl(0 0% 0% / 0.1);
  --shadow-md:
    0px 4px 8px -2px hsl(0 0% 0% / 0.1), 0px 2px 4px -3px hsl(0 0% 0% / 0.1);
  --shadow-lg:
    0px 4px 8px -2px hsl(0 0% 0% / 0.1), 0px 4px 6px -3px hsl(0 0% 0% / 0.1);
  --shadow-xl:
    0px 4px 8px -2px hsl(0 0% 0% / 0.1), 0px 8px 10px -3px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0px 4px 8px -2px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
}
/* Default: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/default.css */
[data-theme="default"] {
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);
  --primary: oklch(0.205 0 0);
  --primary-foreground: oklch(0.985 0 0);
  --secondary: oklch(0.97 0 0);
  --secondary-foreground: oklch(0.205 0 0);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.556 0 0);
  --accent: oklch(0.97 0 0);
  --accent-foreground: oklch(0.205 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.922 0 0);
  --input: oklch(0.922 0 0);
  --ring: oklch(0.708 0 0);
  --chart-1: oklch(0.81 0.1 252);
  --chart-2: oklch(0.62 0.19 260);
  --chart-3: oklch(0.55 0.22 263);
  --chart-4: oklch(0.49 0.22 264);
  --chart-5: oklch(0.42 0.18 266);
  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.145 0 0);
  --sidebar-primary: oklch(0.205 0 0);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.97 0 0);
  --sidebar-accent-foreground: oklch(0.205 0 0);
  --sidebar-border: oklch(0.922 0 0);
  --sidebar-ring: oklch(0.708 0 0);
  --font-sans:
    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  --radius: 0.625rem;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-opacity: 0.1;
  --shadow-color: oklch(0 0 0);
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow-md:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
  --shadow-lg:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
  --shadow-xl:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
  --spacing: 0.25rem;
  --shadow-offset-x: 0;
  --shadow-offset-y: 1px;
}
.dark [data-theme="default"] {
  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.205 0 0);
  --card-foreground: oklch(0.985 0 0);
  --popover: oklch(0.269 0 0);
  --popover-foreground: oklch(0.985 0 0);
  --primary: oklch(0.922 0 0);
  --primary-foreground: oklch(0.205 0 0);
  --secondary: oklch(0.269 0 0);
  --secondary-foreground: oklch(0.985 0 0);
  --muted: oklch(0.269 0 0);
  --muted-foreground: oklch(0.708 0 0);
  --accent: oklch(0.371 0 0);
  --accent-foreground: oklch(0.985 0 0);
  --destructive: oklch(0.704 0.191 22.216);
  --destructive-foreground: oklch(0.985 0 0);
  --border: oklch(0.275 0 0);
  --input: oklch(0.325 0 0);
  --ring: oklch(0.556 0 0);
  --chart-1: oklch(0.81 0.1 252);
  --chart-2: oklch(0.62 0.19 260);
  --chart-3: oklch(0.55 0.22 263);
  --chart-4: oklch(0.49 0.22 264);
  --chart-5: oklch(0.42 0.18 266);
  --sidebar: oklch(0.205 0 0);
  --sidebar-foreground: oklch(0.985 0 0);
  --sidebar-primary: oklch(0.488 0.243 264.376);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.269 0 0);
  --sidebar-accent-foreground: oklch(0.985 0 0);
  --sidebar-border: oklch(0.275 0 0);
  --sidebar-ring: oklch(0.439 0 0);
  --font-sans:
    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  --radius: 0.625rem;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-opacity: 0.1;
  --shadow-color: oklch(0 0 0);
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow-md:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
  --shadow-lg:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
  --shadow-xl:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
  --spacing: 0.25rem;
  --shadow-offset-x: 0;
  --shadow-offset-y: 1px;
}
/* Doom 64: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/doom-64.css */
[data-theme="doom-64"] {
  --background: oklch(0.85 0 0);
  --foreground: oklch(0.24 0 0);
  --card: oklch(0.76 0 0);
  --card-foreground: oklch(0.24 0 0);
  --popover: oklch(0.76 0 0);
  --popover-foreground: oklch(0.24 0 0);
  --primary: oklch(0.5 0.19 27.48);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.5 0.09 126.19);
  --secondary-foreground: oklch(1 0 0);
  --muted: oklch(0.78 0 0);
  --muted-foreground: oklch(0.41 0 0);
  --accent: oklch(0.59 0.1 245.74);
  --accent-foreground: oklch(1 0 0);
  --destructive: oklch(0.71 0.2 46.46);
  --destructive-foreground: oklch(0 0 0);
  --border: oklch(0.43 0 0);
  --input: oklch(0.43 0 0);
  --ring: oklch(0.5 0.19 27.48);
  --chart-1: oklch(0.5 0.19 27.48);
  --chart-2: oklch(0.5 0.09 126.19);
  --chart-3: oklch(0.59 0.1 245.74);
  --chart-4: oklch(0.71 0.2 46.46);
  --chart-5: oklch(0.57 0.04 40.43);
  --radius: 0px;
  --sidebar: oklch(0.76 0 0);
  --sidebar-foreground: oklch(0.24 0 0);
  --sidebar-primary: oklch(0.5 0.19 27.48);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.59 0.1 245.74);
  --sidebar-accent-foreground: oklch(1 0 0);
  --sidebar-border: oklch(0.43 0 0);
  --sidebar-ring: oklch(0.5 0.19 27.48);
  --font-sans: "Oxanium", sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: "Source Code Pro", monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.4;
  --shadow-blur: 4px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 2px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 2px 4px 0px hsl(0 0% 0% / 0.2);
  --shadow-xs: 0px 2px 4px 0px hsl(0 0% 0% / 0.2);
  --shadow-sm:
    0px 2px 4px 0px hsl(0 0% 0% / 0.4), 0px 1px 2px -1px hsl(0 0% 0% / 0.4);
  --shadow:
    0px 2px 4px 0px hsl(0 0% 0% / 0.4), 0px 1px 2px -1px hsl(0 0% 0% / 0.4);
  --shadow-md:
    0px 2px 4px 0px hsl(0 0% 0% / 0.4), 0px 2px 4px -1px hsl(0 0% 0% / 0.4);
  --shadow-lg:
    0px 2px 4px 0px hsl(0 0% 0% / 0.4), 0px 4px 6px -1px hsl(0 0% 0% / 0.4);
  --shadow-xl:
    0px 2px 4px 0px hsl(0 0% 0% / 0.4), 0px 8px 10px -1px hsl(0 0% 0% / 0.4);
  --shadow-2xl: 0px 2px 4px 0px hsl(0 0% 0% / 1);
  --tracking-normal: 0em;
}
.dark [data-theme="doom-64"] {
  --background: oklch(0.22 0 0);
  --foreground: oklch(0.91 0 0);
  --card: oklch(0.29 0 0);
  --card-foreground: oklch(0.91 0 0);
  --popover: oklch(0.29 0 0);
  --popover-foreground: oklch(0.91 0 0);
  --primary: oklch(0.61 0.21 27.03);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.64 0.15 133.01);
  --secondary-foreground: oklch(0 0 0);
  --muted: oklch(0.26 0 0);
  --muted-foreground: oklch(0.71 0 0);
  --accent: oklch(0.75 0.12 244.75);
  --accent-foreground: oklch(0 0 0);
  --destructive: oklch(0.78 0.17 68.09);
  --destructive-foreground: oklch(0 0 0);
  --border: oklch(0.41 0 0);
  --input: oklch(0.41 0 0);
  --ring: oklch(0.61 0.21 27.03);
  --chart-1: oklch(0.61 0.21 27.03);
  --chart-2: oklch(0.64 0.15 133.01);
  --chart-3: oklch(0.75 0.12 244.75);
  --chart-4: oklch(0.78 0.17 68.09);
  --chart-5: oklch(0.65 0.03 40.8);
  --radius: 0px;
  --sidebar: oklch(0.19 0 0);
  --sidebar-foreground: oklch(0.91 0 0);
  --sidebar-primary: oklch(0.61 0.21 27.03);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.75 0.12 244.75);
  --sidebar-accent-foreground: oklch(0 0 0);
  --sidebar-border: oklch(0.41 0 0);
  --sidebar-ring: oklch(0.61 0.21 27.03);
  --font-sans: "Oxanium", sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: "Source Code Pro", monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.6;
  --shadow-blur: 5px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 2px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 2px 5px 0px hsl(0 0% 0% / 0.3);
  --shadow-xs: 0px 2px 5px 0px hsl(0 0% 0% / 0.3);
  --shadow-sm:
    0px 2px 5px 0px hsl(0 0% 0% / 0.6), 0px 1px 2px -1px hsl(0 0% 0% / 0.6);
  --shadow:
    0px 2px 5px 0px hsl(0 0% 0% / 0.6), 0px 1px 2px -1px hsl(0 0% 0% / 0.6);
  --shadow-md:
    0px 2px 5px 0px hsl(0 0% 0% / 0.6), 0px 2px 4px -1px hsl(0 0% 0% / 0.6);
  --shadow-lg:
    0px 2px 5px 0px hsl(0 0% 0% / 0.6), 0px 4px 6px -1px hsl(0 0% 0% / 0.6);
  --shadow-xl:
    0px 2px 5px 0px hsl(0 0% 0% / 0.6), 0px 8px 10px -1px hsl(0 0% 0% / 0.6);
  --shadow-2xl: 0px 2px 5px 0px hsl(0 0% 0% / 1.5);
  --tracking-normal: 0em;
}
/* Elegant Luxury: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/elegant-luxury.css */
[data-theme="elegant-luxury"] {
  --background: oklch(0.98 0 56.38);
  --foreground: oklch(0.22 0 0);
  --card: oklch(0.98 0 56.38);
  --card-foreground: oklch(0.22 0 0);
  --popover: oklch(0.98 0 56.38);
  --popover-foreground: oklch(0.22 0 0);
  --primary: oklch(0.47 0.15 24.94);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.96 0.04 89.09);
  --secondary-foreground: oklch(0.48 0.1 75.12);
  --muted: oklch(0.94 0.01 53.44);
  --muted-foreground: oklch(0.44 0.01 73.64);
  --accent: oklch(0.96 0.06 95.62);
  --accent-foreground: oklch(0.4 0.13 25.72);
  --destructive: oklch(0.44 0.16 26.9);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.94 0.03 80.99);
  --input: oklch(0.94 0.03 80.99);
  --ring: oklch(0.47 0.15 24.94);
  --chart-1: oklch(0.51 0.19 27.52);
  --chart-2: oklch(0.47 0.15 24.94);
  --chart-3: oklch(0.4 0.13 25.72);
  --chart-4: oklch(0.56 0.15 49);
  --chart-5: oklch(0.47 0.12 46.2);
  --radius: 0.375rem;
  --sidebar: oklch(0.94 0.01 53.44);
  --sidebar-foreground: oklch(0.22 0 0);
  --sidebar-primary: oklch(0.47 0.15 24.94);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.96 0.06 95.62);
  --sidebar-accent-foreground: oklch(0.4 0.13 25.72);
  --sidebar-border: oklch(0.94 0.03 80.99);
  --sidebar-ring: oklch(0.47 0.15 24.94);
  --font-sans: Poppins, sans-serif;
  --font-serif: Libre Baskerville, serif;
  --font-mono: IBM Plex Mono, monospace;
  --shadow-color: hsl(0 63% 18%);
  --shadow-opacity: 0.12;
  --shadow-blur: 16px;
  --shadow-spread: -2px;
  --shadow-offset-x: 1px;
  --shadow-offset-y: 1px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 1px 1px 16px -2px hsl(0 63% 18% / 0.06);
  --shadow-xs: 1px 1px 16px -2px hsl(0 63% 18% / 0.06);
  --shadow-sm:
    1px 1px 16px -2px hsl(0 63% 18% / 0.12),
    1px 1px 2px -3px hsl(0 63% 18% / 0.12);
  --shadow:
    1px 1px 16px -2px hsl(0 63% 18% / 0.12),
    1px 1px 2px -3px hsl(0 63% 18% / 0.12);
  --shadow-md:
    1px 1px 16px -2px hsl(0 63% 18% / 0.12),
    1px 2px 4px -3px hsl(0 63% 18% / 0.12);
  --shadow-lg:
    1px 1px 16px -2px hsl(0 63% 18% / 0.12),
    1px 4px 6px -3px hsl(0 63% 18% / 0.12);
  --shadow-xl:
    1px 1px 16px -2px hsl(0 63% 18% / 0.12),
    1px 8px 10px -3px hsl(0 63% 18% / 0.12);
  --shadow-2xl: 1px 1px 16px -2px hsl(0 63% 18% / 0.3);
  --tracking-normal: 0em;
}
.dark [data-theme="elegant-luxury"] {
  --background: oklch(0.22 0.01 56.04);
  --foreground: oklch(0.97 0 106.42);
  --card: oklch(0.27 0.01 34.3);
  --card-foreground: oklch(0.97 0 106.42);
  --popover: oklch(0.27 0.01 34.3);
  --popover-foreground: oklch(0.97 0 106.42);
  --primary: oklch(0.51 0.19 27.52);
  --primary-foreground: oklch(0.98 0 56.38);
  --secondary: oklch(0.47 0.12 46.2);
  --secondary-foreground: oklch(0.96 0.06 95.62);
  --muted: oklch(0.27 0.01 34.3);
  --muted-foreground: oklch(0.87 0 56.37);
  --accent: oklch(0.56 0.15 49);
  --accent-foreground: oklch(0.96 0.06 95.62);
  --destructive: oklch(0.64 0.21 25.33);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.37 0.01 67.56);
  --input: oklch(0.37 0.01 67.56);
  --ring: oklch(0.51 0.19 27.52);
  --chart-1: oklch(0.71 0.17 22.22);
  --chart-2: oklch(0.64 0.21 25.33);
  --chart-3: oklch(0.58 0.22 27.33);
  --chart-4: oklch(0.84 0.16 84.43);
  --chart-5: oklch(0.77 0.16 70.08);
  --radius: 0.375rem;
  --sidebar: oklch(0.22 0.01 56.04);
  --sidebar-foreground: oklch(0.97 0 106.42);
  --sidebar-primary: oklch(0.51 0.19 27.52);
  --sidebar-primary-foreground: oklch(0.98 0 56.38);
  --sidebar-accent: oklch(0.56 0.15 49);
  --sidebar-accent-foreground: oklch(0.96 0.06 95.62);
  --sidebar-border: oklch(0.37 0.01 67.56);
  --sidebar-ring: oklch(0.51 0.19 27.52);
  --font-sans: Poppins, sans-serif;
  --font-serif: Libre Baskerville, serif;
  --font-mono: IBM Plex Mono, monospace;
  --shadow-color: hsl(0 63% 18%);
  --shadow-opacity: 0.12;
  --shadow-blur: 16px;
  --shadow-spread: -2px;
  --shadow-offset-x: 1px;
  --shadow-offset-y: 1px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 1px 1px 16px -2px hsl(0 63% 18% / 0.06);
  --shadow-xs: 1px 1px 16px -2px hsl(0 63% 18% / 0.06);
  --shadow-sm:
    1px 1px 16px -2px hsl(0 63% 18% / 0.12),
    1px 1px 2px -3px hsl(0 63% 18% / 0.12);
  --shadow:
    1px 1px 16px -2px hsl(0 63% 18% / 0.12),
    1px 1px 2px -3px hsl(0 63% 18% / 0.12);
  --shadow-md:
    1px 1px 16px -2px hsl(0 63% 18% / 0.12),
    1px 2px 4px -3px hsl(0 63% 18% / 0.12);
  --shadow-lg:
    1px 1px 16px -2px hsl(0 63% 18% / 0.12),
    1px 4px 6px -3px hsl(0 63% 18% / 0.12);
  --shadow-xl:
    1px 1px 16px -2px hsl(0 63% 18% / 0.12),
    1px 8px 10px -3px hsl(0 63% 18% / 0.12);
  --shadow-2xl: 1px 1px 16px -2px hsl(0 63% 18% / 0.3);
  --tracking-normal: 0em;
}
/* GitHub: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/github.css */
[data-theme="github"] {
  --background: oklch(1 0 0);
  --foreground: oklch(0.25 0.015 250);
  --card: oklch(0.98 0.003 250);
  --card-foreground: oklch(0.25 0.015 250);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.25 0.015 250);
  --primary: oklch(0.5 0.15 145);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.96 0.005 250);
  --secondary-foreground: oklch(0.3 0.015 250);
  --muted: oklch(0.97 0.003 250);
  --muted-foreground: oklch(0.5 0.015 250);
  --accent: oklch(0.57 0.18 260);
  --accent-foreground: oklch(1 0 0);
  --destructive: oklch(0.55 0.2 25);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.87 0.008 250);
  --input: oklch(0.97 0.003 250);
  --ring: oklch(0.57 0.18 260);
  --chart-1: oklch(0.5 0.15 145);
  --chart-2: oklch(0.57 0.18 260);
  --chart-3: oklch(0.65 0.15 320);
  --chart-4: oklch(0.7 0.12 40);
  --chart-5: oklch(0.6 0.14 180);
  --radius: 0.375rem;
  --sidebar: oklch(0.97 0.003 250);
  --sidebar-foreground: oklch(0.25 0.015 250);
  --sidebar-primary: oklch(0.5 0.15 145);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.96 0.005 250);
  --sidebar-accent-foreground: oklch(0.3 0.015 250);
  --sidebar-border: oklch(0.87 0.008 250);
  --sidebar-ring: oklch(0.57 0.18 260);
  --font-sans:
    -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica,
    Arial, sans-serif;
  --font-serif: ui-serif, Georgia, serif;
  --font-mono:
    ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --shadow-color: hsl(215 20% 20%);
  --shadow-opacity: 0.06;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0;
  --shadow-offset-y: 1px;
  --letter-spacing: -0.01em;
  --spacing: 0.25rem;
  --shadow-2xs: 0 1px 0 0px hsl(215 20% 20% / 0.04);
  --shadow-xs:
    0 1px 0 0px hsl(215 20% 20% / 0.04), 0 1px 3px 0px hsl(215 20% 20% / 0.06);
  --shadow-sm:
    0 1px 0 0px hsl(215 20% 20% / 0.04), 0 2px 4px 0px hsl(215 20% 20% / 0.08);
  --shadow:
    0 1px 0 0px hsl(215 20% 20% / 0.04), 0 2px 4px 0px hsl(215 20% 20% / 0.08);
  --shadow-md:
    0 1px 0 0px hsl(215 20% 20% / 0.04), 0 4px 8px 0px hsl(215 20% 20% / 0.1);
  --shadow-lg:
    0 1px 0 0px hsl(215 20% 20% / 0.04), 0 8px 16px 0px hsl(215 20% 20% / 0.1);
  --shadow-xl:
    0 1px 0 0px hsl(215 20% 20% / 0.04), 0 12px 28px 0px hsl(215 20% 20% / 0.12);
  --shadow-2xl: 0 24px 48px 0px hsl(215 20% 20% / 0.2);
  --tracking-normal: -0.01em;
}
.dark [data-theme="github"] {
  --background: oklch(0.15 0.012 250);
  --foreground: oklch(0.85 0.01 250);
  --card: oklch(0.18 0.012 250);
  --card-foreground: oklch(0.85 0.01 250);
  --popover: oklch(0.2 0.012 250);
  --popover-foreground: oklch(0.85 0.01 250);
  --primary: oklch(0.55 0.15 145);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.22 0.012 250);
  --secondary-foreground: oklch(0.8 0.01 250);
  --muted: oklch(0.2 0.01 250);
  --muted-foreground: oklch(0.58 0.012 250);
  --accent: oklch(0.57 0.18 260);
  --accent-foreground: oklch(1 0 0);
  --destructive: oklch(0.6 0.18 25);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.3 0.01 250);
  --input: oklch(0.18 0.012 250);
  --ring: oklch(0.57 0.18 260);
  --chart-1: oklch(0.55 0.15 145);
  --chart-2: oklch(0.57 0.18 260);
  --chart-3: oklch(0.7 0.14 320);
  --chart-4: oklch(0.75 0.12 40);
  --chart-5: oklch(0.65 0.12 180);
  --radius: 0.375rem;
  --sidebar: oklch(0.13 0.01 250);
  --sidebar-foreground: oklch(0.85 0.01 250);
  --sidebar-primary: oklch(0.55 0.15 145);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.22 0.012 250);
  --sidebar-accent-foreground: oklch(0.8 0.01 250);
  --sidebar-border: oklch(0.3 0.01 250);
  --sidebar-ring: oklch(0.57 0.18 260);
  --font-sans:
    -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica,
    Arial, sans-serif;
  --font-serif: ui-serif, Georgia, serif;
  --font-mono:
    ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.4;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0;
  --shadow-offset-y: 1px;
  --letter-spacing: -0.01em;
  --spacing: 0.25rem;
  --shadow-2xs: 0 0 0 1px hsl(0 0% 0% / 0.3);
  --shadow-xs: 0 0 0 1px hsl(0 0% 0% / 0.3), 0 1px 3px 0px hsl(0 0% 0% / 0.3);
  --shadow-sm: 0 0 0 1px hsl(0 0% 0% / 0.3), 0 2px 4px 0px hsl(0 0% 0% / 0.4);
  --shadow: 0 0 0 1px hsl(0 0% 0% / 0.3), 0 2px 4px 0px hsl(0 0% 0% / 0.4);
  --shadow-md: 0 0 0 1px hsl(0 0% 0% / 0.3), 0 4px 8px 0px hsl(0 0% 0% / 0.4);
  --shadow-lg: 0 0 0 1px hsl(0 0% 0% / 0.3), 0 8px 16px 0px hsl(0 0% 0% / 0.4);
  --shadow-xl: 0 0 0 1px hsl(0 0% 0% / 0.3), 0 12px 28px 0px hsl(0 0% 0% / 0.5);
  --shadow-2xl: 0 24px 48px 0px hsl(0 0% 0% / 0.6);
  --tracking-normal: -0.01em;
}
/* Graphite: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/graphite.css */
[data-theme="graphite"] {
  --background: oklch(0.96 0 0);
  --foreground: oklch(0.32 0 0);
  --card: oklch(0.97 0 0);
  --card-foreground: oklch(0.32 0 0);
  --popover: oklch(0.97 0 0);
  --popover-foreground: oklch(0.32 0 0);
  --primary: oklch(0.49 0 0);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.91 0 0);
  --secondary-foreground: oklch(0.32 0 0);
  --muted: oklch(0.89 0 0);
  --muted-foreground: oklch(0.51 0 0);
  --accent: oklch(0.81 0 0);
  --accent-foreground: oklch(0.32 0 0);
  --destructive: oklch(0.56 0.19 25.86);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.86 0 0);
  --input: oklch(0.91 0 0);
  --ring: oklch(0.49 0 0);
  --chart-1: oklch(0.49 0 0);
  --chart-2: oklch(0.49 0.04 196.03);
  --chart-3: oklch(0.65 0 0);
  --chart-4: oklch(0.73 0 0);
  --chart-5: oklch(0.81 0 0);
  --radius: 0.35rem;
  --sidebar: oklch(0.94 0 0);
  --sidebar-foreground: oklch(0.32 0 0);
  --sidebar-primary: oklch(0.49 0 0);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.81 0 0);
  --sidebar-accent-foreground: oklch(0.32 0 0);
  --sidebar-border: oklch(0.86 0 0);
  --sidebar-ring: oklch(0.49 0 0);
  --font-sans: Montserrat, sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: Fira Code, monospace;
  --shadow-color: hsl(0 0% 20% / 0.1);
  --shadow-opacity: 0.15;
  --shadow-blur: 0px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 2px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 2px 0px 0px hsl(0 0% 20% / 0.07);
  --shadow-xs: 0px 2px 0px 0px hsl(0 0% 20% / 0.07);
  --shadow-sm:
    0px 2px 0px 0px hsl(0 0% 20% / 0.15), 0px 1px 2px -1px hsl(0 0% 20% / 0.15);
  --shadow:
    0px 2px 0px 0px hsl(0 0% 20% / 0.15), 0px 1px 2px -1px hsl(0 0% 20% / 0.15);
  --shadow-md:
    0px 2px 0px 0px hsl(0 0% 20% / 0.15), 0px 2px 4px -1px hsl(0 0% 20% / 0.15);
  --shadow-lg:
    0px 2px 0px 0px hsl(0 0% 20% / 0.15), 0px 4px 6px -1px hsl(0 0% 20% / 0.15);
  --shadow-xl:
    0px 2px 0px 0px hsl(0 0% 20% / 0.15), 0px 8px 10px -1px hsl(0 0% 20% / 0.15);
  --shadow-2xl: 0px 2px 0px 0px hsl(0 0% 20% / 0.38);
  --tracking-normal: 0em;
}
.dark [data-theme="graphite"] {
  --background: oklch(0.22 0 0);
  --foreground: oklch(0.89 0 0);
  --card: oklch(0.24 0 0);
  --card-foreground: oklch(0.89 0 0);
  --popover: oklch(0.24 0 0);
  --popover-foreground: oklch(0.89 0 0);
  --primary: oklch(0.71 0 0);
  --primary-foreground: oklch(0.22 0 0);
  --secondary: oklch(0.31 0 0);
  --secondary-foreground: oklch(0.89 0 0);
  --muted: oklch(0.29 0 0);
  --muted-foreground: oklch(0.6 0 0);
  --accent: oklch(0.37 0 0);
  --accent-foreground: oklch(0.89 0 0);
  --destructive: oklch(0.66 0.15 22.17);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.33 0 0);
  --input: oklch(0.31 0 0);
  --ring: oklch(0.71 0 0);
  --chart-1: oklch(0.71 0 0);
  --chart-2: oklch(0.67 0.03 206.35);
  --chart-3: oklch(0.55 0 0);
  --chart-4: oklch(0.46 0 0);
  --chart-5: oklch(0.37 0 0);
  --radius: 0.35rem;
  --sidebar: oklch(0.24 0 0);
  --sidebar-foreground: oklch(0.89 0 0);
  --sidebar-primary: oklch(0.71 0 0);
  --sidebar-primary-foreground: oklch(0.22 0 0);
  --sidebar-accent: oklch(0.37 0 0);
  --sidebar-accent-foreground: oklch(0.89 0 0);
  --sidebar-border: oklch(0.33 0 0);
  --sidebar-ring: oklch(0.71 0 0);
  --font-sans: var(--font-creator-inter), sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: Fira Code, monospace;
  --shadow-color: hsl(0 0% 20% / 0.1);
  --shadow-opacity: 0.15;
  --shadow-blur: 0px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 2px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 2px 0px 0px hsl(0 0% 20% / 0.07);
  --shadow-xs: 0px 2px 0px 0px hsl(0 0% 20% / 0.07);
  --shadow-sm:
    0px 2px 0px 0px hsl(0 0% 20% / 0.15), 0px 1px 2px -1px hsl(0 0% 20% / 0.15);
  --shadow:
    0px 2px 0px 0px hsl(0 0% 20% / 0.15), 0px 1px 2px -1px hsl(0 0% 20% / 0.15);
  --shadow-md:
    0px 2px 0px 0px hsl(0 0% 20% / 0.15), 0px 2px 4px -1px hsl(0 0% 20% / 0.15);
  --shadow-lg:
    0px 2px 0px 0px hsl(0 0% 20% / 0.15), 0px 4px 6px -1px hsl(0 0% 20% / 0.15);
  --shadow-xl:
    0px 2px 0px 0px hsl(0 0% 20% / 0.15), 0px 8px 10px -1px hsl(0 0% 20% / 0.15);
  --shadow-2xl: 0px 2px 0px 0px hsl(0 0% 20% / 0.38);
  --tracking-normal: 0em;
}
/* Kick: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/kick.css */
[data-theme="kick"] {
  --background: oklch(1 0 0);
  --foreground: oklch(0.12 0 0);
  --card: oklch(0.98 0 0);
  --card-foreground: oklch(0.12 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.12 0 0);
  --primary: oklch(0.75 0.28 128);
  --primary-foreground: oklch(0.12 0 0);
  --secondary: oklch(0.95 0.003 0);
  --secondary-foreground: oklch(0.2 0 0);
  --muted: oklch(0.96 0 0);
  --muted-foreground: oklch(0.5 0 0);
  --accent: oklch(0.8 0.25 128);
  --accent-foreground: oklch(0.12 0 0);
  --destructive: oklch(0.55 0.22 25);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.9 0 0);
  --input: oklch(0.92 0 0);
  --ring: oklch(0.75 0.28 128);
  --chart-1: oklch(0.75 0.28 128);
  --chart-2: oklch(0.65 0.2 180);
  --chart-3: oklch(0.7 0.18 220);
  --chart-4: oklch(0.6 0.15 280);
  --chart-5: oklch(0.55 0.2 340);
  --radius: 0.625rem;
  --sidebar: oklch(0.98 0 0);
  --sidebar-foreground: oklch(0.12 0 0);
  --sidebar-primary: oklch(0.75 0.28 128);
  --sidebar-primary-foreground: oklch(0.12 0 0);
  --sidebar-accent: oklch(0.95 0.003 0);
  --sidebar-accent-foreground: oklch(0.2 0 0);
  --sidebar-border: oklch(0.9 0 0);
  --sidebar-ring: oklch(0.75 0.28 128);
  --font-sans: var(--font-creator-inter), ui-sans-serif, system-ui, sans-serif;
  --font-serif: ui-serif, Georgia, serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", monospace;
  --shadow-color: hsl(130 80% 15%);
  --shadow-opacity: 0.08;
  --shadow-blur: 4px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0;
  --shadow-offset-y: 2px;
  --letter-spacing: -0.01em;
  --spacing: 0.25rem;
  --shadow-2xs: 0 1px 2px 0px hsl(130 80% 15% / 0.04);
  --shadow-xs: 0 1px 3px 0px hsl(130 80% 15% / 0.06);
  --shadow-sm:
    0 2px 4px 0px hsl(130 80% 15% / 0.08),
    0 1px 2px -1px hsl(130 80% 15% / 0.08);
  --shadow:
    0 2px 4px 0px hsl(130 80% 15% / 0.08),
    0 1px 2px -1px hsl(130 80% 15% / 0.08);
  --shadow-md:
    0 4px 6px 0px hsl(130 80% 15% / 0.1), 0 2px 4px -1px hsl(130 80% 15% / 0.1);
  --shadow-lg:
    0 8px 10px 0px hsl(130 80% 15% / 0.1), 0 4px 6px -1px hsl(130 80% 15% / 0.1);
  --shadow-xl:
    0 16px 20px 0px hsl(130 80% 15% / 0.12),
    0 8px 10px -1px hsl(130 80% 15% / 0.12);
  --shadow-2xl: 0 24px 48px 0px hsl(130 80% 15% / 0.2);
  --tracking-normal: -0.01em;
}
.dark [data-theme="kick"] {
  --background: oklch(0.12 0 0);
  --foreground: oklch(1 0 0);
  --card: oklch(0.15 0.003 250);
  --card-foreground: oklch(1 0 0);
  --popover: oklch(0.17 0.005 250);
  --popover-foreground: oklch(1 0 0);
  --primary: oklch(0.85 0.3 128);
  --primary-foreground: oklch(0.12 0 0);
  --secondary: oklch(0.2 0.003 250);
  --secondary-foreground: oklch(0.9 0 0);
  --muted: oklch(0.18 0.003 250);
  --muted-foreground: oklch(0.6 0 0);
  --accent: oklch(0.85 0.3 128);
  --accent-foreground: oklch(0.12 0 0);
  --destructive: oklch(0.6 0.2 25);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.26 0.005 250);
  --input: oklch(0.2 0.003 250);
  --ring: oklch(0.85 0.3 128);
  --chart-1: oklch(0.85 0.3 128);
  --chart-2: oklch(0.7 0.18 180);
  --chart-3: oklch(0.75 0.16 220);
  --chart-4: oklch(0.65 0.14 280);
  --chart-5: oklch(0.6 0.18 340);
  --radius: 0.625rem;
  --sidebar: oklch(0.1 0 0);
  --sidebar-foreground: oklch(1 0 0);
  --sidebar-primary: oklch(0.85 0.3 128);
  --sidebar-primary-foreground: oklch(0.12 0 0);
  --sidebar-accent: oklch(0.2 0.003 250);
  --sidebar-accent-foreground: oklch(0.9 0 0);
  --sidebar-border: oklch(0.26 0.005 250);
  --sidebar-ring: oklch(0.85 0.3 128);
  --font-sans: var(--font-creator-inter), ui-sans-serif, system-ui, sans-serif;
  --font-serif: ui-serif, Georgia, serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.5;
  --shadow-blur: 4px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0;
  --shadow-offset-y: 2px;
  --letter-spacing: -0.01em;
  --spacing: 0.25rem;
  --shadow-2xs: 0 1px 2px 0px hsl(0 0% 0% / 0.25);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.35);
  --shadow-sm:
    0 2px 4px 0px hsl(0 0% 0% / 0.5), 0 1px 2px -1px hsl(0 0% 0% / 0.5);
  --shadow: 0 2px 4px 0px hsl(0 0% 0% / 0.5), 0 1px 2px -1px hsl(0 0% 0% / 0.5);
  --shadow-md:
    0 4px 6px 0px hsl(0 0% 0% / 0.5), 0 2px 4px -1px hsl(0 0% 0% / 0.5);
  --shadow-lg:
    0 8px 10px 0px hsl(0 0% 0% / 0.5), 0 4px 6px -1px hsl(0 0% 0% / 0.5);
  --shadow-xl:
    0 16px 20px 0px hsl(0 0% 0% / 0.5), 0 8px 10px -1px hsl(0 0% 0% / 0.5);
  --shadow-2xl: 0 24px 48px 0px hsl(0 0% 0% / 0.6);
  --tracking-normal: -0.01em;
}
/* Kodama Grove: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/kodama-grove.css */
[data-theme="kodama-grove"] {
  --background: oklch(0.88 0.05 91.79);
  --foreground: oklch(0.43 0.03 59.22);
  --card: oklch(0.89 0.04 87.57);
  --card-foreground: oklch(0.43 0.03 59.22);
  --popover: oklch(0.94 0.03 89.85);
  --popover-foreground: oklch(0.43 0.03 59.22);
  --primary: oklch(0.67 0.11 118.91);
  --primary-foreground: oklch(0.99 0.01 88.64);
  --secondary: oklch(0.85 0.06 91.15);
  --secondary-foreground: oklch(0.43 0.03 59.22);
  --muted: oklch(0.85 0.06 91.15);
  --muted-foreground: oklch(0.58 0.03 60.93);
  --accent: oklch(0.84 0.07 90.33);
  --accent-foreground: oklch(0.43 0.03 59.22);
  --destructive: oklch(0.71 0.1 29.98);
  --destructive-foreground: oklch(0.98 0.01 91.48);
  --border: oklch(0.69 0.04 59.84);
  --input: oklch(0.84 0.07 90.33);
  --ring: oklch(0.73 0.06 130.85);
  --chart-1: oklch(0.73 0.06 130.85);
  --chart-2: oklch(0.68 0.06 132.45);
  --chart-3: oklch(0.82 0.03 136.65);
  --chart-4: oklch(0.59 0.05 137.62);
  --chart-5: oklch(0.52 0.04 137.19);
  --radius: 0.425rem;
  --sidebar: oklch(0.86 0.06 90.52);
  --sidebar-foreground: oklch(0.43 0.03 59.22);
  --sidebar-primary: oklch(0.73 0.06 130.85);
  --sidebar-primary-foreground: oklch(0.99 0.01 88.64);
  --sidebar-accent: oklch(0.92 0.02 88);
  --sidebar-accent-foreground: oklch(0.43 0.03 59.22);
  --sidebar-border: oklch(0.91 0.02 88);
  --sidebar-ring: oklch(0.73 0.06 130.85);
  --font-sans: Merriweather, serif;
  --font-serif: Source Serif 4, serif;
  --font-mono: JetBrains Mono, monospace;
  --shadow-color: hsl(88 22% 35% / 0.15);
  --shadow-opacity: 0.15;
  --shadow-blur: 2px;
  --shadow-spread: 0px;
  --shadow-offset-x: 3px;
  --shadow-offset-y: 3px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 3px 3px 2px 0px hsl(88 22% 35% / 0.07);
  --shadow-xs: 3px 3px 2px 0px hsl(88 22% 35% / 0.07);
  --shadow-sm:
    3px 3px 2px 0px hsl(88 22% 35% / 0.15),
    3px 1px 2px -1px hsl(88 22% 35% / 0.15);
  --shadow:
    3px 3px 2px 0px hsl(88 22% 35% / 0.15),
    3px 1px 2px -1px hsl(88 22% 35% / 0.15);
  --shadow-md:
    3px 3px 2px 0px hsl(88 22% 35% / 0.15),
    3px 2px 4px -1px hsl(88 22% 35% / 0.15);
  --shadow-lg:
    3px 3px 2px 0px hsl(88 22% 35% / 0.15),
    3px 4px 6px -1px hsl(88 22% 35% / 0.15);
  --shadow-xl:
    3px 3px 2px 0px hsl(88 22% 35% / 0.15),
    3px 8px 10px -1px hsl(88 22% 35% / 0.15);
  --shadow-2xl: 3px 3px 2px 0px hsl(88 22% 35% / 0.38);
  --tracking-normal: 0em;
}
.dark [data-theme="kodama-grove"] {
  --background: oklch(0.33 0.02 88.07);
  --foreground: oklch(0.92 0.02 82.12);
  --card: oklch(0.36 0.02 82.33);
  --card-foreground: oklch(0.92 0.02 82.12);
  --popover: oklch(0.36 0.02 82.33);
  --popover-foreground: oklch(0.92 0.02 82.12);
  --primary: oklch(0.68 0.06 132.45);
  --primary-foreground: oklch(0.27 0.01 61.02);
  --secondary: oklch(0.44 0.02 84.55);
  --secondary-foreground: oklch(0.92 0.02 82.12);
  --muted: oklch(0.39 0.02 82.71);
  --muted-foreground: oklch(0.71 0.02 73.62);
  --accent: oklch(0.65 0.07 90.76);
  --accent-foreground: oklch(0.27 0.01 61.02);
  --destructive: oklch(0.63 0.08 31.3);
  --destructive-foreground: oklch(0.94 0.02 84.59);
  --border: oklch(0.44 0.02 84.55);
  --input: oklch(0.44 0.02 84.55);
  --ring: oklch(0.68 0.06 132.45);
  --chart-1: oklch(0.68 0.06 132.45);
  --chart-2: oklch(0.73 0.06 130.85);
  --chart-3: oklch(0.59 0.05 137.62);
  --chart-4: oklch(0.65 0.07 90.76);
  --chart-5: oklch(0.52 0.04 137.19);
  --radius: 0.425rem;
  --sidebar: oklch(0.33 0.02 88.07);
  --sidebar-foreground: oklch(0.92 0.02 82.12);
  --sidebar-primary: oklch(0.68 0.06 132.45);
  --sidebar-primary-foreground: oklch(0.27 0.01 61.02);
  --sidebar-accent: oklch(0.65 0.07 90.76);
  --sidebar-accent-foreground: oklch(0.27 0.01 61.02);
  --sidebar-border: oklch(0.44 0.02 84.55);
  --sidebar-ring: oklch(0.68 0.06 132.45);
  --font-sans: Merriweather, serif;
  --font-serif: Source Serif 4, serif;
  --font-mono: JetBrains Mono, monospace;
  --shadow-color: hsl(88 22% 35% / 0.15);
  --shadow-opacity: 0.15;
  --shadow-blur: 2px;
  --shadow-spread: 0px;
  --shadow-offset-x: 3px;
  --shadow-offset-y: 3px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 3px 3px 2px 0px hsl(88 22% 35% / 0.07);
  --shadow-xs: 3px 3px 2px 0px hsl(88 22% 35% / 0.07);
  --shadow-sm:
    3px 3px 2px 0px hsl(88 22% 35% / 0.15),
    3px 1px 2px -1px hsl(88 22% 35% / 0.15);
  --shadow:
    3px 3px 2px 0px hsl(88 22% 35% / 0.15),
    3px 1px 2px -1px hsl(88 22% 35% / 0.15);
  --shadow-md:
    3px 3px 2px 0px hsl(88 22% 35% / 0.15),
    3px 2px 4px -1px hsl(88 22% 35% / 0.15);
  --shadow-lg:
    3px 3px 2px 0px hsl(88 22% 35% / 0.15),
    3px 4px 6px -1px hsl(88 22% 35% / 0.15);
  --shadow-xl:
    3px 3px 2px 0px hsl(88 22% 35% / 0.15),
    3px 8px 10px -1px hsl(88 22% 35% / 0.15);
  --shadow-2xl: 3px 3px 2px 0px hsl(88 22% 35% / 0.38);
  --tracking-normal: 0em;
}
/* Midnight Bloom: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/midnight-bloom.css */
[data-theme="midnight-bloom"] {
  --background: oklch(0.98 0 0);
  --foreground: oklch(0.32 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.32 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.32 0 0);
  --primary: oklch(0.57 0.2 283.08);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.82 0.07 249.35);
  --secondary-foreground: oklch(0.32 0 0);
  --muted: oklch(0.82 0.02 91.62);
  --muted-foreground: oklch(0.54 0 0);
  --accent: oklch(0.65 0.06 117.43);
  --accent-foreground: oklch(1 0 0);
  --destructive: oklch(0.64 0.21 25.33);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.87 0 0);
  --input: oklch(0.87 0 0);
  --ring: oklch(0.57 0.2 283.08);
  --chart-1: oklch(0.57 0.2 283.08);
  --chart-2: oklch(0.53 0.17 314.65);
  --chart-3: oklch(0.34 0.18 301.68);
  --chart-4: oklch(0.67 0.14 261.34);
  --chart-5: oklch(0.59 0.1 245.74);
  --radius: 0.5rem;
  --sidebar: oklch(0.98 0 0);
  --sidebar-foreground: oklch(0.32 0 0);
  --sidebar-primary: oklch(0.57 0.2 283.08);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.65 0.06 117.43);
  --sidebar-accent-foreground: oklch(1 0 0);
  --sidebar-border: oklch(0.87 0 0);
  --sidebar-ring: oklch(0.57 0.2 283.08);
  --font-sans: Montserrat, sans-serif;
  --font-serif: Playfair Display, serif;
  --font-mono: Source Code Pro, monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.1;
  --shadow-blur: 10px;
  --shadow-spread: -2px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 5px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 5px 10px -2px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0px 5px 10px -2px hsl(0 0% 0% / 0.05);
  --shadow-sm:
    0px 5px 10px -2px hsl(0 0% 0% / 0.1), 0px 1px 2px -3px hsl(0 0% 0% / 0.1);
  --shadow:
    0px 5px 10px -2px hsl(0 0% 0% / 0.1), 0px 1px 2px -3px hsl(0 0% 0% / 0.1);
  --shadow-md:
    0px 5px 10px -2px hsl(0 0% 0% / 0.1), 0px 2px 4px -3px hsl(0 0% 0% / 0.1);
  --shadow-lg:
    0px 5px 10px -2px hsl(0 0% 0% / 0.1), 0px 4px 6px -3px hsl(0 0% 0% / 0.1);
  --shadow-xl:
    0px 5px 10px -2px hsl(0 0% 0% / 0.1), 0px 8px 10px -3px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0px 5px 10px -2px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
}
.dark [data-theme="midnight-bloom"] {
  --background: oklch(0.23 0.01 264.29);
  --foreground: oklch(0.92 0 0);
  --card: oklch(0.32 0.01 223.67);
  --card-foreground: oklch(0.92 0 0);
  --popover: oklch(0.32 0.01 223.67);
  --popover-foreground: oklch(0.92 0 0);
  --primary: oklch(0.57 0.2 283.08);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.34 0.18 301.68);
  --secondary-foreground: oklch(0.92 0 0);
  --muted: oklch(0.39 0 0);
  --muted-foreground: oklch(0.72 0 0);
  --accent: oklch(0.67 0.14 261.34);
  --accent-foreground: oklch(0.92 0 0);
  --destructive: oklch(0.64 0.21 25.33);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.39 0 0);
  --input: oklch(0.39 0 0);
  --ring: oklch(0.57 0.2 283.08);
  --chart-1: oklch(0.57 0.2 283.08);
  --chart-2: oklch(0.53 0.17 314.65);
  --chart-3: oklch(0.34 0.18 301.68);
  --chart-4: oklch(0.67 0.14 261.34);
  --chart-5: oklch(0.59 0.1 245.74);
  --radius: 0.5rem;
  --sidebar: oklch(0.23 0.01 264.29);
  --sidebar-foreground: oklch(0.92 0 0);
  --sidebar-primary: oklch(0.57 0.2 283.08);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.67 0.14 261.34);
  --sidebar-accent-foreground: oklch(0.92 0 0);
  --sidebar-border: oklch(0.39 0 0);
  --sidebar-ring: oklch(0.57 0.2 283.08);
  --font-sans: Montserrat, sans-serif;
  --font-serif: Playfair Display, serif;
  --font-mono: Source Code Pro, monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.1;
  --shadow-blur: 10px;
  --shadow-spread: -2px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 5px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 5px 10px -2px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0px 5px 10px -2px hsl(0 0% 0% / 0.05);
  --shadow-sm:
    0px 5px 10px -2px hsl(0 0% 0% / 0.1), 0px 1px 2px -3px hsl(0 0% 0% / 0.1);
  --shadow:
    0px 5px 10px -2px hsl(0 0% 0% / 0.1), 0px 1px 2px -3px hsl(0 0% 0% / 0.1);
  --shadow-md:
    0px 5px 10px -2px hsl(0 0% 0% / 0.1), 0px 2px 4px -3px hsl(0 0% 0% / 0.1);
  --shadow-lg:
    0px 5px 10px -2px hsl(0 0% 0% / 0.1), 0px 4px 6px -3px hsl(0 0% 0% / 0.1);
  --shadow-xl:
    0px 5px 10px -2px hsl(0 0% 0% / 0.1), 0px 8px 10px -3px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0px 5px 10px -2px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
}
/* Mocha Mousse: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/mocha-mousse.css */
[data-theme="mocha-mousse"] {
  --background: oklch(0.95 0.01 102.46);
  --foreground: oklch(0.41 0.03 40.36);
  --card: oklch(0.95 0.01 102.46);
  --card-foreground: oklch(0.41 0.03 40.36);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.41 0.03 40.36);
  --primary: oklch(0.61 0.06 44.36);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.75 0.04 80.55);
  --secondary-foreground: oklch(1 0 0);
  --muted: oklch(0.85 0.04 49.09);
  --muted-foreground: oklch(0.54 0.05 37.21);
  --accent: oklch(0.85 0.04 49.09);
  --accent-foreground: oklch(0.41 0.03 40.36);
  --destructive: oklch(0.22 0.01 52.96);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.75 0.04 80.55);
  --input: oklch(0.75 0.04 80.55);
  --ring: oklch(0.61 0.06 44.36);
  --chart-1: oklch(0.61 0.06 44.36);
  --chart-2: oklch(0.54 0.05 37.21);
  --chart-3: oklch(0.73 0.05 52.33);
  --chart-4: oklch(0.75 0.04 80.55);
  --chart-5: oklch(0.64 0.04 52.39);
  --radius: 0.5rem;
  --sidebar: oklch(0.89 0.03 49.57);
  --sidebar-foreground: oklch(0.41 0.03 40.36);
  --sidebar-primary: oklch(0.61 0.06 44.36);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.73 0.05 52.33);
  --sidebar-accent-foreground: oklch(1 0 0);
  --sidebar-border: oklch(0.64 0.04 52.39);
  --sidebar-ring: oklch(0.61 0.06 44.36);
  --font-sans: DM Sans, sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: Menlo, monospace;
  --shadow-color: hsl(20 18% 51% / 0.4);
  --shadow-opacity: 0.11;
  --shadow-blur: 0px;
  --shadow-spread: 0px;
  --shadow-offset-x: 2px;
  --shadow-offset-y: 2px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 2px 2px 0px 0px hsl(20 18% 51% / 0.06);
  --shadow-xs: 2px 2px 0px 0px hsl(20 18% 51% / 0.06);
  --shadow-sm:
    2px 2px 0px 0px hsl(20 18% 51% / 0.11),
    2px 1px 2px -1px hsl(20 18% 51% / 0.11);
  --shadow:
    2px 2px 0px 0px hsl(20 18% 51% / 0.11),
    2px 1px 2px -1px hsl(20 18% 51% / 0.11);
  --shadow-md:
    2px 2px 0px 0px hsl(20 18% 51% / 0.11),
    2px 2px 4px -1px hsl(20 18% 51% / 0.11);
  --shadow-lg:
    2px 2px 0px 0px hsl(20 18% 51% / 0.11),
    2px 4px 6px -1px hsl(20 18% 51% / 0.11);
  --shadow-xl:
    2px 2px 0px 0px hsl(20 18% 51% / 0.11),
    2px 8px 10px -1px hsl(20 18% 51% / 0.11);
  --shadow-2xl: 2px 2px 0px 0px hsl(20 18% 51% / 0.28);
  --tracking-normal: 0em;
}
.dark [data-theme="mocha-mousse"] {
  --background: oklch(0.27 0.01 48.18);
  --foreground: oklch(0.95 0.01 102.46);
  --card: oklch(0.33 0.02 50.89);
  --card-foreground: oklch(0.95 0.01 102.46);
  --popover: oklch(0.33 0.02 50.89);
  --popover-foreground: oklch(0.95 0.01 102.46);
  --primary: oklch(0.73 0.05 52.33);
  --primary-foreground: oklch(0.27 0.01 48.18);
  --secondary: oklch(0.54 0.05 37.21);
  --secondary-foreground: oklch(0.95 0.01 102.46);
  --muted: oklch(0.41 0.03 40.36);
  --muted-foreground: oklch(0.76 0.04 50.86);
  --accent: oklch(0.75 0.04 80.55);
  --accent-foreground: oklch(0.27 0.01 48.18);
  --destructive: oklch(0.69 0.14 21.46);
  --destructive-foreground: oklch(0.27 0.01 48.18);
  --border: oklch(0.41 0.03 40.36);
  --input: oklch(0.41 0.03 40.36);
  --ring: oklch(0.73 0.05 52.33);
  --chart-1: oklch(0.73 0.05 52.33);
  --chart-2: oklch(0.75 0.04 80.55);
  --chart-3: oklch(0.61 0.06 44.36);
  --chart-4: oklch(0.54 0.05 37.21);
  --chart-5: oklch(0.64 0.04 52.39);
  --radius: 0.5rem;
  --sidebar: oklch(0.22 0.01 52.96);
  --sidebar-foreground: oklch(0.95 0.01 102.46);
  --sidebar-primary: oklch(0.73 0.05 52.33);
  --sidebar-primary-foreground: oklch(0.22 0.01 52.96);
  --sidebar-accent: oklch(0.75 0.04 80.55);
  --sidebar-accent-foreground: oklch(0.22 0.01 52.96);
  --sidebar-border: oklch(0.41 0.03 40.36);
  --sidebar-ring: oklch(0.73 0.05 52.33);
  --font-sans: DM Sans, sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: Menlo, monospace;
  --shadow-color: hsl(20 18% 30% / 0.5);
  --shadow-opacity: 0.11;
  --shadow-blur: 0px;
  --shadow-spread: 0px;
  --shadow-offset-x: 2px;
  --shadow-offset-y: 2px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 2px 2px 0px 0px hsl(20 18% 30% / 0.06);
  --shadow-xs: 2px 2px 0px 0px hsl(20 18% 30% / 0.06);
  --shadow-sm:
    2px 2px 0px 0px hsl(20 18% 30% / 0.11),
    2px 1px 2px -1px hsl(20 18% 30% / 0.11);
  --shadow:
    2px 2px 0px 0px hsl(20 18% 30% / 0.11),
    2px 1px 2px -1px hsl(20 18% 30% / 0.11);
  --shadow-md:
    2px 2px 0px 0px hsl(20 18% 30% / 0.11),
    2px 2px 4px -1px hsl(20 18% 30% / 0.11);
  --shadow-lg:
    2px 2px 0px 0px hsl(20 18% 30% / 0.11),
    2px 4px 6px -1px hsl(20 18% 30% / 0.11);
  --shadow-xl:
    2px 2px 0px 0px hsl(20 18% 30% / 0.11),
    2px 8px 10px -1px hsl(20 18% 30% / 0.11);
  --shadow-2xl: 2px 2px 0px 0px hsl(20 18% 30% / 0.28);
  --tracking-normal: 0em;
}
/* Modern Minimal: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/modern-minimal.css */
[data-theme="modern-minimal"] {
  --background: oklch(1 0 0);
  --foreground: oklch(0.32 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.32 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.32 0 0);
  --primary: oklch(0.62 0.19 259.81);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.97 0 264.54);
  --secondary-foreground: oklch(0.45 0.03 256.8);
  --muted: oklch(0.98 0 247.84);
  --muted-foreground: oklch(0.55 0.02 264.36);
  --accent: oklch(0.95 0.03 236.82);
  --accent-foreground: oklch(0.38 0.14 265.52);
  --destructive: oklch(0.64 0.21 25.33);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.93 0.01 264.53);
  --input: oklch(0.93 0.01 264.53);
  --ring: oklch(0.62 0.19 259.81);
  --chart-1: oklch(0.62 0.19 259.81);
  --chart-2: oklch(0.55 0.22 262.88);
  --chart-3: oklch(0.49 0.22 264.38);
  --chart-4: oklch(0.42 0.18 265.64);
  --chart-5: oklch(0.38 0.14 265.52);
  --radius: 0.375rem;
  --sidebar: oklch(0.98 0 247.84);
  --sidebar-foreground: oklch(0.32 0 0);
  --sidebar-primary: oklch(0.62 0.19 259.81);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.95 0.03 236.82);
  --sidebar-accent-foreground: oklch(0.38 0.14 265.52);
  --sidebar-border: oklch(0.93 0.01 264.53);
  --sidebar-ring: oklch(0.62 0.19 259.81);
  --font-sans: var(--font-creator-inter), sans-serif;
  --font-serif: Source Serif 4, serif;
  --font-mono: JetBrains Mono, monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.1;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0;
  --shadow-offset-y: 1px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow-md:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
  --shadow-lg:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
  --shadow-xl:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
}
.dark [data-theme="modern-minimal"] {
  --background: oklch(0.2 0 0);
  --foreground: oklch(0.92 0 0);
  --card: oklch(0.27 0 0);
  --card-foreground: oklch(0.92 0 0);
  --popover: oklch(0.27 0 0);
  --popover-foreground: oklch(0.92 0 0);
  --primary: oklch(0.62 0.19 259.81);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.27 0 0);
  --secondary-foreground: oklch(0.92 0 0);
  --muted: oklch(0.27 0 0);
  --muted-foreground: oklch(0.72 0 0);
  --accent: oklch(0.38 0.14 265.52);
  --accent-foreground: oklch(0.88 0.06 254.13);
  --destructive: oklch(0.64 0.21 25.33);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.37 0 0);
  --input: oklch(0.37 0 0);
  --ring: oklch(0.62 0.19 259.81);
  --chart-1: oklch(0.71 0.14 254.62);
  --chart-2: oklch(0.62 0.19 259.81);
  --chart-3: oklch(0.55 0.22 262.88);
  --chart-4: oklch(0.49 0.22 264.38);
  --chart-5: oklch(0.42 0.18 265.64);
  --radius: 0.375rem;
  --sidebar: oklch(0.2 0 0);
  --sidebar-foreground: oklch(0.92 0 0);
  --sidebar-primary: oklch(0.62 0.19 259.81);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.38 0.14 265.52);
  --sidebar-accent-foreground: oklch(0.88 0.06 254.13);
  --sidebar-border: oklch(0.37 0 0);
  --sidebar-ring: oklch(0.62 0.19 259.81);
  --font-sans: var(--font-creator-inter), sans-serif;
  --font-serif: Source Serif 4, serif;
  --font-mono: JetBrains Mono, monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.1;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0;
  --shadow-offset-y: 1px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow-md:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
  --shadow-lg:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
  --shadow-xl:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
}
/* Mono: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/mono.css */
[data-theme="mono"] {
  --background: oklch(1 0 0);
  --foreground: oklch(0.14 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.14 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.14 0 0);
  --primary: oklch(0.56 0 0);
  --primary-foreground: oklch(0.99 0 0);
  --secondary: oklch(0.97 0 0);
  --secondary-foreground: oklch(0.2 0 0);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.55 0 0);
  --accent: oklch(0.97 0 0);
  --accent-foreground: oklch(0.2 0 0);
  --destructive: oklch(0.58 0.24 28.48);
  --destructive-foreground: oklch(0.97 0 0);
  --border: oklch(0.92 0 0);
  --input: oklch(0.92 0 0);
  --ring: oklch(0.71 0 0);
  --chart-1: oklch(0.56 0 0);
  --chart-2: oklch(0.56 0 0);
  --chart-3: oklch(0.56 0 0);
  --chart-4: oklch(0.56 0 0);
  --chart-5: oklch(0.56 0 0);
  --radius: 0rem;
  --sidebar: oklch(0.99 0 0);
  --sidebar-foreground: oklch(0.14 0 0);
  --sidebar-primary: oklch(0.2 0 0);
  --sidebar-primary-foreground: oklch(0.99 0 0);
  --sidebar-accent: oklch(0.97 0 0);
  --sidebar-accent-foreground: oklch(0.2 0 0);
  --sidebar-border: oklch(0.92 0 0);
  --sidebar-ring: oklch(0.71 0 0);
  --font-sans: var(--font-geist-mono), monospace;
  --font-serif: var(--font-geist-mono), monospace;
  --font-mono: var(--font-geist-mono), monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0;
  --shadow-blur: 0px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 1px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 1px 0px 0px hsl(0 0% 0% / 0);
  --shadow-xs: 0px 1px 0px 0px hsl(0 0% 0% / 0);
  --shadow-sm:
    0px 1px 0px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / 0);
  --shadow: 0px 1px 0px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / 0);
  --shadow-md:
    0px 1px 0px 0px hsl(0 0% 0% / 0), 0px 2px 4px -1px hsl(0 0% 0% / 0);
  --shadow-lg:
    0px 1px 0px 0px hsl(0 0% 0% / 0), 0px 4px 6px -1px hsl(0 0% 0% / 0);
  --shadow-xl:
    0px 1px 0px 0px hsl(0 0% 0% / 0), 0px 8px 10px -1px hsl(0 0% 0% / 0);
  --shadow-2xl: 0px 1px 0px 0px hsl(0 0% 0% / 0);
  --tracking-normal: 0em;
}
.dark [data-theme="mono"] {
  --background: oklch(0.14 0 0);
  --foreground: oklch(0.99 0 0);
  --card: oklch(0.21 0 0);
  --card-foreground: oklch(0.99 0 0);
  --popover: oklch(0.27 0 0);
  --popover-foreground: oklch(0.99 0 0);
  --primary: oklch(0.56 0 0);
  --primary-foreground: oklch(0.99 0 0);
  --secondary: oklch(0.27 0 0);
  --secondary-foreground: oklch(0.99 0 0);
  --muted: oklch(0.27 0 0);
  --muted-foreground: oklch(0.71 0 0);
  --accent: oklch(0.37 0 0);
  --accent-foreground: oklch(0.99 0 0);
  --destructive: oklch(0.7 0.19 22.23);
  --destructive-foreground: oklch(0.27 0 0);
  --border: oklch(0.34 0 0);
  --input: oklch(0.44 0 0);
  --ring: oklch(0.56 0 0);
  --chart-1: oklch(0.56 0 0);
  --chart-2: oklch(0.56 0 0);
  --chart-3: oklch(0.56 0 0);
  --chart-4: oklch(0.56 0 0);
  --chart-5: oklch(0.56 0 0);
  --radius: 0rem;
  --sidebar: oklch(0.2 0 0);
  --sidebar-foreground: oklch(0.99 0 0);
  --sidebar-primary: oklch(0.99 0 0);
  --sidebar-primary-foreground: oklch(0.2 0 0);
  --sidebar-accent: oklch(0.27 0 0);
  --sidebar-accent-foreground: oklch(0.99 0 0);
  --sidebar-border: oklch(1 0 0);
  --sidebar-ring: oklch(0.44 0 0);
  --font-sans: var(--font-geist-mono), monospace;
  --font-serif: var(--font-geist-mono), monospace;
  --font-mono: var(--font-geist-mono), monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0;
  --shadow-blur: 0px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 1px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 1px 0px 0px hsl(0 0% 0% / 0);
  --shadow-xs: 0px 1px 0px 0px hsl(0 0% 0% / 0);
  --shadow-sm:
    0px 1px 0px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / 0);
  --shadow: 0px 1px 0px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / 0);
  --shadow-md:
    0px 1px 0px 0px hsl(0 0% 0% / 0), 0px 2px 4px -1px hsl(0 0% 0% / 0);
  --shadow-lg:
    0px 1px 0px 0px hsl(0 0% 0% / 0), 0px 4px 6px -1px hsl(0 0% 0% / 0);
  --shadow-xl:
    0px 1px 0px 0px hsl(0 0% 0% / 0), 0px 8px 10px -1px hsl(0 0% 0% / 0);
  --shadow-2xl: 0px 1px 0px 0px hsl(0 0% 0% / 0);
  --tracking-normal: 0em;
}
/* Nature: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/nature.css */
[data-theme="nature"] {
  --background: oklch(0.97 0.01 80.72);
  --foreground: oklch(0.3 0.04 30.2);
  --card: oklch(0.97 0.01 80.72);
  --card-foreground: oklch(0.3 0.04 30.2);
  --popover: oklch(0.97 0.01 80.72);
  --popover-foreground: oklch(0.3 0.04 30.2);
  --primary: oklch(0.52 0.13 144.17);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.96 0.02 147.64);
  --secondary-foreground: oklch(0.43 0.12 144.31);
  --muted: oklch(0.94 0.01 74.42);
  --muted-foreground: oklch(0.45 0.05 39.21);
  --accent: oklch(0.9 0.05 146.04);
  --accent-foreground: oklch(0.43 0.12 144.31);
  --destructive: oklch(0.54 0.19 26.72);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.88 0.02 74.64);
  --input: oklch(0.88 0.02 74.64);
  --ring: oklch(0.52 0.13 144.17);
  --chart-1: oklch(0.67 0.16 144.21);
  --chart-2: oklch(0.58 0.14 144.18);
  --chart-3: oklch(0.52 0.13 144.17);
  --chart-4: oklch(0.43 0.12 144.31);
  --chart-5: oklch(0.22 0.05 145.73);
  --radius: 0.5rem;
  --sidebar: oklch(0.94 0.01 74.42);
  --sidebar-foreground: oklch(0.3 0.04 30.2);
  --sidebar-primary: oklch(0.52 0.13 144.17);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.9 0.05 146.04);
  --sidebar-accent-foreground: oklch(0.43 0.12 144.31);
  --sidebar-border: oklch(0.88 0.02 74.64);
  --sidebar-ring: oklch(0.52 0.13 144.17);
  --font-sans: Montserrat, sans-serif;
  --font-serif: Merriweather, serif;
  --font-mono: Source Code Pro, monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.1;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0;
  --shadow-offset-y: 1px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow-md:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
  --shadow-lg:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
  --shadow-xl:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
}
.dark [data-theme="nature"] {
  --background: oklch(0.27 0.03 150.77);
  --foreground: oklch(0.94 0.01 72.66);
  --card: oklch(0.33 0.03 146.99);
  --card-foreground: oklch(0.94 0.01 72.66);
  --popover: oklch(0.33 0.03 146.99);
  --popover-foreground: oklch(0.94 0.01 72.66);
  --primary: oklch(0.67 0.16 144.21);
  --primary-foreground: oklch(0.22 0.05 145.73);
  --secondary: oklch(0.39 0.03 142.99);
  --secondary-foreground: oklch(0.9 0.02 142.55);
  --muted: oklch(0.33 0.03 146.99);
  --muted-foreground: oklch(0.86 0.02 76.1);
  --accent: oklch(0.58 0.14 144.18);
  --accent-foreground: oklch(0.94 0.01 72.66);
  --destructive: oklch(0.54 0.19 26.72);
  --destructive-foreground: oklch(0.94 0.01 72.66);
  --border: oklch(0.39 0.03 142.99);
  --input: oklch(0.39 0.03 142.99);
  --ring: oklch(0.67 0.16 144.21);
  --chart-1: oklch(0.77 0.12 145.3);
  --chart-2: oklch(0.72 0.14 144.89);
  --chart-3: oklch(0.67 0.16 144.21);
  --chart-4: oklch(0.63 0.15 144.2);
  --chart-5: oklch(0.58 0.14 144.18);
  --radius: 0.5rem;
  --sidebar: oklch(0.27 0.03 150.77);
  --sidebar-foreground: oklch(0.94 0.01 72.66);
  --sidebar-primary: oklch(0.67 0.16 144.21);
  --sidebar-primary-foreground: oklch(0.22 0.05 145.73);
  --sidebar-accent: oklch(0.58 0.14 144.18);
  --sidebar-accent-foreground: oklch(0.94 0.01 72.66);
  --sidebar-border: oklch(0.39 0.03 142.99);
  --sidebar-ring: oklch(0.67 0.16 144.21);
  --font-sans: Montserrat, sans-serif;
  --font-serif: Merriweather, serif;
  --font-mono: Source Code Pro, monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.1;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0;
  --shadow-offset-y: 1px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow-md:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
  --shadow-lg:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
  --shadow-xl:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
}
/* Neo Brutalism: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/neo-brutalism.css */
[data-theme="neo-brutalism"] {
  --background: oklch(1 0 0);
  --foreground: oklch(0 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0 0 0);
  --primary: oklch(0.65 0.24 26.97);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.97 0.21 109.77);
  --secondary-foreground: oklch(0 0 0);
  --muted: oklch(0.96 0 0);
  --muted-foreground: oklch(0.32 0 0);
  --accent: oklch(0.56 0.24 260.82);
  --accent-foreground: oklch(1 0 0);
  --destructive: oklch(0 0 0);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0 0 0);
  --input: oklch(0 0 0);
  --ring: oklch(0.65 0.24 26.97);
  --chart-1: oklch(0.65 0.24 26.97);
  --chart-2: oklch(0.97 0.21 109.77);
  --chart-3: oklch(0.56 0.24 260.82);
  --chart-4: oklch(0.73 0.25 142.5);
  --chart-5: oklch(0.59 0.27 328.36);
  --radius: 0px;
  --sidebar: oklch(0.96 0 0);
  --sidebar-foreground: oklch(0 0 0);
  --sidebar-primary: oklch(0.65 0.24 26.97);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.56 0.24 260.82);
  --sidebar-accent-foreground: oklch(1 0 0);
  --sidebar-border: oklch(0 0 0);
  --sidebar-ring: oklch(0.65 0.24 26.97);
  --font-sans: DM Sans, sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: Space Mono, monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 1;
  --shadow-blur: 0px;
  --shadow-spread: 0px;
  --shadow-offset-x: 4px;
  --shadow-offset-y: 4px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 4px 4px 0px 0px hsl(0 0% 0% / 0.5);
  --shadow-xs: 4px 4px 0px 0px hsl(0 0% 0% / 0.5);
  --shadow-sm:
    4px 4px 0px 0px hsl(0 0% 0% / 1), 4px 1px 2px -1px hsl(0 0% 0% / 1);
  --shadow: 4px 4px 0px 0px hsl(0 0% 0% / 1), 4px 1px 2px -1px hsl(0 0% 0% / 1);
  --shadow-md:
    4px 4px 0px 0px hsl(0 0% 0% / 1), 4px 2px 4px -1px hsl(0 0% 0% / 1);
  --shadow-lg:
    4px 4px 0px 0px hsl(0 0% 0% / 1), 4px 4px 6px -1px hsl(0 0% 0% / 1);
  --shadow-xl:
    4px 4px 0px 0px hsl(0 0% 0% / 1), 4px 8px 10px -1px hsl(0 0% 0% / 1);
  --shadow-2xl: 4px 4px 0px 0px hsl(0 0% 0% / 2.5);
  --tracking-normal: 0em;
}
.dark [data-theme="neo-brutalism"] {
  --background: oklch(0 0 0);
  --foreground: oklch(1 0 0);
  --card: oklch(0.32 0 0);
  --card-foreground: oklch(1 0 0);
  --popover: oklch(0.32 0 0);
  --popover-foreground: oklch(1 0 0);
  --primary: oklch(0.7 0.19 23.19);
  --primary-foreground: oklch(0 0 0);
  --secondary: oklch(0.97 0.2 109.62);
  --secondary-foreground: oklch(0 0 0);
  --muted: oklch(0.32 0 0);
  --muted-foreground: oklch(0.85 0 0);
  --accent: oklch(0.68 0.18 252.26);
  --accent-foreground: oklch(0 0 0);
  --destructive: oklch(1 0 0);
  --destructive-foreground: oklch(0 0 0);
  --border: oklch(1 0 0);
  --input: oklch(1 0 0);
  --ring: oklch(0.7 0.19 23.19);
  --chart-1: oklch(0.7 0.19 23.19);
  --chart-2: oklch(0.97 0.2 109.62);
  --chart-3: oklch(0.68 0.18 252.26);
  --chart-4: oklch(0.74 0.23 142.85);
  --chart-5: oklch(0.61 0.25 328.07);
  --radius: 0px;
  --sidebar: oklch(0 0 0);
  --sidebar-foreground: oklch(1 0 0);
  --sidebar-primary: oklch(0.7 0.19 23.19);
  --sidebar-primary-foreground: oklch(0 0 0);
  --sidebar-accent: oklch(0.68 0.18 252.26);
  --sidebar-accent-foreground: oklch(0 0 0);
  --sidebar-border: oklch(1 0 0);
  --sidebar-ring: oklch(0.7 0.19 23.19);
  --font-sans: DM Sans, sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: Space Mono, monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 1;
  --shadow-blur: 0px;
  --shadow-spread: 0px;
  --shadow-offset-x: 4px;
  --shadow-offset-y: 4px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 4px 4px 0px 0px hsl(0 0% 0% / 0.5);
  --shadow-xs: 4px 4px 0px 0px hsl(0 0% 0% / 0.5);
  --shadow-sm:
    4px 4px 0px 0px hsl(0 0% 0% / 1), 4px 1px 2px -1px hsl(0 0% 0% / 1);
  --shadow: 4px 4px 0px 0px hsl(0 0% 0% / 1), 4px 1px 2px -1px hsl(0 0% 0% / 1);
  --shadow-md:
    4px 4px 0px 0px hsl(0 0% 0% / 1), 4px 2px 4px -1px hsl(0 0% 0% / 1);
  --shadow-lg:
    4px 4px 0px 0px hsl(0 0% 0% / 1), 4px 4px 6px -1px hsl(0 0% 0% / 1);
  --shadow-xl:
    4px 4px 0px 0px hsl(0 0% 0% / 1), 4px 8px 10px -1px hsl(0 0% 0% / 1);
  --shadow-2xl: 4px 4px 0px 0px hsl(0 0% 0% / 2.5);
  --tracking-normal: 0em;
}
/* Northern Lights: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/northern-lights.css */
[data-theme="northern-lights"] {
  --background: oklch(0.98 0 286.38);
  --foreground: oklch(0.32 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.32 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.32 0 0);
  --primary: oklch(0.65 0.15 150.31);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.67 0.14 261.34);
  --secondary-foreground: oklch(1 0 0);
  --muted: oklch(0.88 0.03 98.1);
  --muted-foreground: oklch(0.54 0 0);
  --accent: oklch(0.83 0.11 211.96);
  --accent-foreground: oklch(0.32 0 0);
  --destructive: oklch(0.64 0.21 25.33);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.87 0 0);
  --input: oklch(0.87 0 0);
  --ring: oklch(0.65 0.15 150.31);
  --chart-1: oklch(0.65 0.15 150.31);
  --chart-2: oklch(0.67 0.14 261.34);
  --chart-3: oklch(0.83 0.11 211.96);
  --chart-4: oklch(0.59 0.1 245.74);
  --chart-5: oklch(0.59 0.16 148.24);
  --radius: 0.5rem;
  --sidebar: oklch(0.98 0 286.38);
  --sidebar-foreground: oklch(0.32 0 0);
  --sidebar-primary: oklch(0.65 0.15 150.31);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.83 0.11 211.96);
  --sidebar-accent-foreground: oklch(0.32 0 0);
  --sidebar-border: oklch(0.87 0 0);
  --sidebar-ring: oklch(0.65 0.15 150.31);
  --font-sans: Plus Jakarta Sans, sans-serif;
  --font-serif: Source Serif 4, serif;
  --font-mono: JetBrains Mono, monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.1;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0;
  --shadow-offset-y: 1px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow-md:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
  --shadow-lg:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
  --shadow-xl:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
}
.dark [data-theme="northern-lights"] {
  --background: oklch(0.23 0.01 264.29);
  --foreground: oklch(0.92 0 0);
  --card: oklch(0.32 0.01 223.67);
  --card-foreground: oklch(0.92 0 0);
  --popover: oklch(0.32 0.01 223.67);
  --popover-foreground: oklch(0.92 0 0);
  --primary: oklch(0.65 0.15 150.31);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.59 0.1 245.74);
  --secondary-foreground: oklch(0.92 0 0);
  --muted: oklch(0.39 0 0);
  --muted-foreground: oklch(0.72 0 0);
  --accent: oklch(0.67 0.14 261.34);
  --accent-foreground: oklch(0.92 0 0);
  --destructive: oklch(0.64 0.21 25.33);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.39 0 0);
  --input: oklch(0.39 0 0);
  --ring: oklch(0.65 0.15 150.31);
  --chart-1: oklch(0.65 0.15 150.31);
  --chart-2: oklch(0.59 0.1 245.74);
  --chart-3: oklch(0.67 0.14 261.34);
  --chart-4: oklch(0.83 0.11 211.96);
  --chart-5: oklch(0.59 0.16 148.24);
  --radius: 0.5rem;
  --sidebar: oklch(0.23 0.01 264.29);
  --sidebar-foreground: oklch(0.92 0 0);
  --sidebar-primary: oklch(0.65 0.15 150.31);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.67 0.14 261.34);
  --sidebar-accent-foreground: oklch(0.92 0 0);
  --sidebar-border: oklch(0.39 0 0);
  --sidebar-ring: oklch(0.65 0.15 150.31);
  --font-sans: Plus Jakarta Sans, sans-serif;
  --font-serif: Source Serif 4, serif;
  --font-mono: JetBrains Mono, monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.1;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0;
  --shadow-offset-y: 1px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow-md:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
  --shadow-lg:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
  --shadow-xl:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
}
/* Ocean Breeze: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/ocean-breeze.css */
[data-theme="ocean-breeze"] {
  --background: oklch(0.98 0.01 244.25);
  --foreground: oklch(0.37 0.03 259.73);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.37 0.03 259.73);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.37 0.03 259.73);
  --primary: oklch(0.72 0.19 149.58);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.95 0.03 236.82);
  --secondary-foreground: oklch(0.45 0.03 256.8);
  --muted: oklch(0.97 0 264.54);
  --muted-foreground: oklch(0.55 0.02 264.36);
  --accent: oklch(0.95 0.05 163.05);
  --accent-foreground: oklch(0.37 0.03 259.73);
  --destructive: oklch(0.64 0.21 25.33);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.93 0.01 264.53);
  --input: oklch(0.93 0.01 264.53);
  --ring: oklch(0.72 0.19 149.58);
  --chart-1: oklch(0.72 0.19 149.58);
  --chart-2: oklch(0.7 0.15 162.48);
  --chart-3: oklch(0.6 0.13 163.23);
  --chart-4: oklch(0.51 0.1 165.61);
  --chart-5: oklch(0.43 0.09 166.91);
  --radius: 0.5rem;
  --sidebar: oklch(0.95 0.03 236.82);
  --sidebar-foreground: oklch(0.37 0.03 259.73);
  --sidebar-primary: oklch(0.72 0.19 149.58);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.95 0.05 163.05);
  --sidebar-accent-foreground: oklch(0.37 0.03 259.73);
  --sidebar-border: oklch(0.93 0.01 264.53);
  --sidebar-ring: oklch(0.72 0.19 149.58);
  --font-sans: DM Sans, sans-serif;
  --font-serif: Lora, serif;
  --font-mono: IBM Plex Mono, monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.1;
  --shadow-blur: 8px;
  --shadow-spread: -1px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 4px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
  --shadow-sm:
    0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1);
  --shadow:
    0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1);
  --shadow-md:
    0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1);
  --shadow-lg:
    0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1);
  --shadow-xl:
    0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
}
.dark [data-theme="ocean-breeze"] {
  --background: oklch(0.21 0.04 265.75);
  --foreground: oklch(0.87 0.01 258.34);
  --card: oklch(0.28 0.04 260.03);
  --card-foreground: oklch(0.87 0.01 258.34);
  --popover: oklch(0.28 0.04 260.03);
  --popover-foreground: oklch(0.87 0.01 258.34);
  --primary: oklch(0.77 0.15 163.22);
  --primary-foreground: oklch(0.21 0.04 265.75);
  --secondary: oklch(0.34 0.03 260.91);
  --secondary-foreground: oklch(0.71 0.01 286.07);
  --muted: oklch(0.28 0.04 260.03);
  --muted-foreground: oklch(0.55 0.02 264.36);
  --accent: oklch(0.37 0.03 259.73);
  --accent-foreground: oklch(0.71 0.01 286.07);
  --destructive: oklch(0.64 0.21 25.33);
  --destructive-foreground: oklch(0.21 0.04 265.75);
  --border: oklch(0.45 0.03 256.8);
  --input: oklch(0.45 0.03 256.8);
  --ring: oklch(0.77 0.15 163.22);
  --chart-1: oklch(0.77 0.15 163.22);
  --chart-2: oklch(0.78 0.13 181.91);
  --chart-3: oklch(0.72 0.19 149.58);
  --chart-4: oklch(0.7 0.15 162.48);
  --chart-5: oklch(0.6 0.13 163.23);
  --radius: 0.5rem;
  --sidebar: oklch(0.28 0.04 260.03);
  --sidebar-foreground: oklch(0.87 0.01 258.34);
  --sidebar-primary: oklch(0.77 0.15 163.22);
  --sidebar-primary-foreground: oklch(0.21 0.04 265.75);
  --sidebar-accent: oklch(0.37 0.03 259.73);
  --sidebar-accent-foreground: oklch(0.71 0.01 286.07);
  --sidebar-border: oklch(0.45 0.03 256.8);
  --sidebar-ring: oklch(0.77 0.15 163.22);
  --font-sans: DM Sans, sans-serif;
  --font-serif: Lora, serif;
  --font-mono: IBM Plex Mono, monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.1;
  --shadow-blur: 8px;
  --shadow-spread: -1px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 4px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
  --shadow-sm:
    0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1);
  --shadow:
    0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1);
  --shadow-md:
    0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1);
  --shadow-lg:
    0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1);
  --shadow-xl:
    0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
}
/* Pastel Dreams: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/pastel-dreams.css */
[data-theme="pastel-dreams"] {
  --background: oklch(0.97 0.01 314.78);
  --foreground: oklch(0.37 0.03 259.73);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.37 0.03 259.73);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.37 0.03 259.73);
  --primary: oklch(0.71 0.16 293.54);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.91 0.05 306.09);
  --secondary-foreground: oklch(0.45 0.03 256.8);
  --muted: oklch(0.95 0.03 307.17);
  --muted-foreground: oklch(0.55 0.02 264.36);
  --accent: oklch(0.94 0.03 321.94);
  --accent-foreground: oklch(0.37 0.03 259.73);
  --destructive: oklch(0.81 0.1 19.57);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.91 0.05 306.09);
  --input: oklch(0.91 0.05 306.09);
  --ring: oklch(0.71 0.16 293.54);
  --chart-1: oklch(0.71 0.16 293.54);
  --chart-2: oklch(0.61 0.22 292.72);
  --chart-3: oklch(0.54 0.25 293.01);
  --chart-4: oklch(0.49 0.24 292.58);
  --chart-5: oklch(0.43 0.21 292.76);
  --radius: 1.5rem;
  --sidebar: oklch(0.91 0.05 306.09);
  --sidebar-foreground: oklch(0.37 0.03 259.73);
  --sidebar-primary: oklch(0.71 0.16 293.54);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.94 0.03 321.94);
  --sidebar-accent-foreground: oklch(0.37 0.03 259.73);
  --sidebar-border: oklch(0.91 0.05 306.09);
  --sidebar-ring: oklch(0.71 0.16 293.54);
  --font-sans: Open Sans, sans-serif;
  --font-serif: Source Serif 4, serif;
  --font-mono: IBM Plex Mono, monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.08;
  --shadow-blur: 16px;
  --shadow-spread: -4px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 8px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 8px 16px -4px hsl(0 0% 0% / 0.04);
  --shadow-xs: 0px 8px 16px -4px hsl(0 0% 0% / 0.04);
  --shadow-sm:
    0px 8px 16px -4px hsl(0 0% 0% / 0.08), 0px 1px 2px -5px hsl(0 0% 0% / 0.08);
  --shadow:
    0px 8px 16px -4px hsl(0 0% 0% / 0.08), 0px 1px 2px -5px hsl(0 0% 0% / 0.08);
  --shadow-md:
    0px 8px 16px -4px hsl(0 0% 0% / 0.08), 0px 2px 4px -5px hsl(0 0% 0% / 0.08);
  --shadow-lg:
    0px 8px 16px -4px hsl(0 0% 0% / 0.08), 0px 4px 6px -5px hsl(0 0% 0% / 0.08);
  --shadow-xl:
    0px 8px 16px -4px hsl(0 0% 0% / 0.08), 0px 8px 10px -5px hsl(0 0% 0% / 0.08);
  --shadow-2xl: 0px 8px 16px -4px hsl(0 0% 0% / 0.2);
  --tracking-normal: 0em;
}
.dark [data-theme="pastel-dreams"] {
  --background: oklch(0.22 0.01 56.04);
  --foreground: oklch(0.93 0.03 272.79);
  --card: oklch(0.28 0.03 307.23);
  --card-foreground: oklch(0.93 0.03 272.79);
  --popover: oklch(0.28 0.03 307.23);
  --popover-foreground: oklch(0.93 0.03 272.79);
  --primary: oklch(0.79 0.12 295.75);
  --primary-foreground: oklch(0.22 0.01 56.04);
  --secondary: oklch(0.34 0.04 308.85);
  --secondary-foreground: oklch(0.87 0.01 258.34);
  --muted: oklch(0.28 0.03 307.23);
  --muted-foreground: oklch(0.71 0.02 261.32);
  --accent: oklch(0.39 0.05 304.64);
  --accent-foreground: oklch(0.87 0.01 258.34);
  --destructive: oklch(0.81 0.1 19.57);
  --destructive-foreground: oklch(0.22 0.01 56.04);
  --border: oklch(0.34 0.04 308.85);
  --input: oklch(0.34 0.04 308.85);
  --ring: oklch(0.79 0.12 295.75);
  --chart-1: oklch(0.79 0.12 295.75);
  --chart-2: oklch(0.71 0.16 293.54);
  --chart-3: oklch(0.61 0.22 292.72);
  --chart-4: oklch(0.54 0.25 293.01);
  --chart-5: oklch(0.49 0.24 292.58);
  --radius: 1.5rem;
  --sidebar: oklch(0.34 0.04 308.85);
  --sidebar-foreground: oklch(0.93 0.03 272.79);
  --sidebar-primary: oklch(0.79 0.12 295.75);
  --sidebar-primary-foreground: oklch(0.22 0.01 56.04);
  --sidebar-accent: oklch(0.39 0.05 304.64);
  --sidebar-accent-foreground: oklch(0.87 0.01 258.34);
  --sidebar-border: oklch(0.34 0.04 308.85);
  --sidebar-ring: oklch(0.79 0.12 295.75);
  --font-sans: Open Sans, sans-serif;
  --font-serif: Source Serif 4, serif;
  --font-mono: IBM Plex Mono, monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.08;
  --shadow-blur: 16px;
  --shadow-spread: -4px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 8px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 8px 16px -4px hsl(0 0% 0% / 0.04);
  --shadow-xs: 0px 8px 16px -4px hsl(0 0% 0% / 0.04);
  --shadow-sm:
    0px 8px 16px -4px hsl(0 0% 0% / 0.08), 0px 1px 2px -5px hsl(0 0% 0% / 0.08);
  --shadow:
    0px 8px 16px -4px hsl(0 0% 0% / 0.08), 0px 1px 2px -5px hsl(0 0% 0% / 0.08);
  --shadow-md:
    0px 8px 16px -4px hsl(0 0% 0% / 0.08), 0px 2px 4px -5px hsl(0 0% 0% / 0.08);
  --shadow-lg:
    0px 8px 16px -4px hsl(0 0% 0% / 0.08), 0px 4px 6px -5px hsl(0 0% 0% / 0.08);
  --shadow-xl:
    0px 8px 16px -4px hsl(0 0% 0% / 0.08), 0px 8px 10px -5px hsl(0 0% 0% / 0.08);
  --shadow-2xl: 0px 8px 16px -4px hsl(0 0% 0% / 0.2);
  --tracking-normal: 0em;
}
/* Perpetuity: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/perpetuity.css */
[data-theme="perpetuity"] {
  --background: oklch(0.95 0.01 197.01);
  --foreground: oklch(0.38 0.06 212.66);
  --card: oklch(0.97 0.01 197.07);
  --card-foreground: oklch(0.38 0.06 212.66);
  --popover: oklch(0.97 0.01 197.07);
  --popover-foreground: oklch(0.38 0.06 212.66);
  --primary: oklch(0.56 0.09 203.28);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.92 0.02 196.84);
  --secondary-foreground: oklch(0.38 0.06 212.66);
  --muted: oklch(0.93 0.01 196.97);
  --muted-foreground: oklch(0.54 0.06 201.57);
  --accent: oklch(0.9 0.03 201.89);
  --accent-foreground: oklch(0.38 0.06 212.66);
  --destructive: oklch(0.57 0.19 25.54);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.89 0.02 204.41);
  --input: oklch(0.92 0.02 196.84);
  --ring: oklch(0.56 0.09 203.28);
  --chart-1: oklch(0.56 0.09 203.28);
  --chart-2: oklch(0.64 0.1 201.59);
  --chart-3: oklch(0.71 0.11 201.25);
  --chart-4: oklch(0.77 0.1 201.18);
  --chart-5: oklch(0.83 0.08 200.97);
  --radius: 0.125rem;
  --sidebar: oklch(0.93 0.02 205.32);
  --sidebar-foreground: oklch(0.38 0.06 212.66);
  --sidebar-primary: oklch(0.56 0.09 203.28);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.9 0.03 201.89);
  --sidebar-accent-foreground: oklch(0.38 0.06 212.66);
  --sidebar-border: oklch(0.89 0.02 204.41);
  --sidebar-ring: oklch(0.56 0.09 203.28);
  --font-sans: Courier New, monospace;
  --font-serif: Courier New, monospace;
  --font-mono: Courier New, monospace;
  --shadow-color: hsl(185 70% 30% / 0.15);
  --shadow-opacity: 0.15;
  --shadow-blur: 2px;
  --shadow-spread: 0px;
  --shadow-offset-x: 1px;
  --shadow-offset-y: 1px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 1px 1px 2px 0px hsl(185 70% 30% / 0.07);
  --shadow-xs: 1px 1px 2px 0px hsl(185 70% 30% / 0.07);
  --shadow-sm:
    1px 1px 2px 0px hsl(185 70% 30% / 0.15),
    1px 1px 2px -1px hsl(185 70% 30% / 0.15);
  --shadow:
    1px 1px 2px 0px hsl(185 70% 30% / 0.15),
    1px 1px 2px -1px hsl(185 70% 30% / 0.15);
  --shadow-md:
    1px 1px 2px 0px hsl(185 70% 30% / 0.15),
    1px 2px 4px -1px hsl(185 70% 30% / 0.15);
  --shadow-lg:
    1px 1px 2px 0px hsl(185 70% 30% / 0.15),
    1px 4px 6px -1px hsl(185 70% 30% / 0.15);
  --shadow-xl:
    1px 1px 2px 0px hsl(185 70% 30% / 0.15),
    1px 8px 10px -1px hsl(185 70% 30% / 0.15);
  --shadow-2xl: 1px 1px 2px 0px hsl(185 70% 30% / 0.38);
  --tracking-normal: 0em;
}
.dark [data-theme="perpetuity"] {
  --background: oklch(0.21 0.02 224.45);
  --foreground: oklch(0.85 0.13 195.04);
  --card: oklch(0.23 0.03 216.07);
  --card-foreground: oklch(0.85 0.13 195.04);
  --popover: oklch(0.23 0.03 216.07);
  --popover-foreground: oklch(0.85 0.13 195.04);
  --primary: oklch(0.85 0.13 195.04);
  --primary-foreground: oklch(0.21 0.02 224.45);
  --secondary: oklch(0.38 0.06 216.5);
  --secondary-foreground: oklch(0.85 0.13 195.04);
  --muted: oklch(0.29 0.04 218.82);
  --muted-foreground: oklch(0.66 0.1 195.05);
  --accent: oklch(0.38 0.06 216.5);
  --accent-foreground: oklch(0.85 0.13 195.04);
  --destructive: oklch(0.62 0.21 25.81);
  --destructive-foreground: oklch(0.96 0 0);
  --border: oklch(0.38 0.06 216.5);
  --input: oklch(0.38 0.06 216.5);
  --ring: oklch(0.85 0.13 195.04);
  --chart-1: oklch(0.85 0.13 195.04);
  --chart-2: oklch(0.66 0.1 195.05);
  --chart-3: oklch(0.58 0.08 195.07);
  --chart-4: oklch(0.43 0.06 202.62);
  --chart-5: oklch(0.31 0.05 204.16);
  --radius: 0.125rem;
  --sidebar: oklch(0.21 0.02 224.45);
  --sidebar-foreground: oklch(0.85 0.13 195.04);
  --sidebar-primary: oklch(0.85 0.13 195.04);
  --sidebar-primary-foreground: oklch(0.21 0.02 224.45);
  --sidebar-accent: oklch(0.38 0.06 216.5);
  --sidebar-accent-foreground: oklch(0.85 0.13 195.04);
  --sidebar-border: oklch(0.38 0.06 216.5);
  --sidebar-ring: oklch(0.85 0.13 195.04);
  --font-sans: Source Code Pro, monospace;
  --font-serif: Source Code Pro, monospace;
  --font-mono: Source Code Pro, monospace;
  --shadow-color: hsl(180 70% 60% / 0.2);
  --shadow-opacity: 0.2;
  --shadow-blur: 2px;
  --shadow-spread: 0px;
  --shadow-offset-x: 1px;
  --shadow-offset-y: 1px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 1px 1px 2px 0px hsl(180 70% 60% / 0.1);
  --shadow-xs: 1px 1px 2px 0px hsl(180 70% 60% / 0.1);
  --shadow-sm:
    1px 1px 2px 0px hsl(180 70% 60% / 0.2),
    1px 1px 2px -1px hsl(180 70% 60% / 0.2);
  --shadow:
    1px 1px 2px 0px hsl(180 70% 60% / 0.2),
    1px 1px 2px -1px hsl(180 70% 60% / 0.2);
  --shadow-md:
    1px 1px 2px 0px hsl(180 70% 60% / 0.2),
    1px 2px 4px -1px hsl(180 70% 60% / 0.2);
  --shadow-lg:
    1px 1px 2px 0px hsl(180 70% 60% / 0.2),
    1px 4px 6px -1px hsl(180 70% 60% / 0.2);
  --shadow-xl:
    1px 1px 2px 0px hsl(180 70% 60% / 0.2),
    1px 8px 10px -1px hsl(180 70% 60% / 0.2);
  --shadow-2xl: 1px 1px 2px 0px hsl(180 70% 60% / 0.5);
  --tracking-normal: 0em;
}
/* Quantum Rose: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/quantum-rose.css */
[data-theme="quantum-rose"] {
  --background: oklch(0.97 0.02 343.93);
  --foreground: oklch(0.44 0.17 352.38);
  --card: oklch(0.98 0.01 339.33);
  --card-foreground: oklch(0.44 0.17 352.38);
  --popover: oklch(0.98 0.01 339.33);
  --popover-foreground: oklch(0.44 0.17 352.38);
  --primary: oklch(0.6 0.24 0.13);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.92 0.07 326.13);
  --secondary-foreground: oklch(0.44 0.17 352.38);
  --muted: oklch(0.94 0.04 344.26);
  --muted-foreground: oklch(0.57 0.17 352.05);
  --accent: oklch(0.88 0.08 344.88);
  --accent-foreground: oklch(0.44 0.17 352.38);
  --destructive: oklch(0.58 0.19 6.34);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.89 0.07 344.39);
  --input: oklch(0.92 0.07 326.13);
  --ring: oklch(0.6 0.24 0.13);
  --chart-1: oklch(0.6 0.24 0.13);
  --chart-2: oklch(0.6 0.17 345.04);
  --chart-3: oklch(0.6 0.12 311.8);
  --chart-4: oklch(0.58 0.12 283.29);
  --chart-5: oklch(0.65 0.19 267.97);
  --radius: 0.5rem;
  --sidebar: oklch(0.96 0.02 345.75);
  --sidebar-foreground: oklch(0.44 0.17 352.38);
  --sidebar-primary: oklch(0.6 0.24 0.13);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.88 0.08 344.88);
  --sidebar-accent-foreground: oklch(0.44 0.17 352.38);
  --sidebar-border: oklch(0.93 0.04 343.31);
  --sidebar-ring: oklch(0.6 0.24 0.13);
  --font-sans: Poppins, sans-serif;
  --font-serif: Playfair Display, serif;
  --font-mono: Space Mono, monospace;
  --shadow-color: hsl(330 70% 30% / 0.12);
  --shadow-opacity: 0.18;
  --shadow-blur: 0px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 3px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 3px 0px 0px hsl(330 70% 30% / 0.09);
  --shadow-xs: 0px 3px 0px 0px hsl(330 70% 30% / 0.09);
  --shadow-sm:
    0px 3px 0px 0px hsl(330 70% 30% / 0.18),
    0px 1px 2px -1px hsl(330 70% 30% / 0.18);
  --shadow:
    0px 3px 0px 0px hsl(330 70% 30% / 0.18),
    0px 1px 2px -1px hsl(330 70% 30% / 0.18);
  --shadow-md:
    0px 3px 0px 0px hsl(330 70% 30% / 0.18),
    0px 2px 4px -1px hsl(330 70% 30% / 0.18);
  --shadow-lg:
    0px 3px 0px 0px hsl(330 70% 30% / 0.18),
    0px 4px 6px -1px hsl(330 70% 30% / 0.18);
  --shadow-xl:
    0px 3px 0px 0px hsl(330 70% 30% / 0.18),
    0px 8px 10px -1px hsl(330 70% 30% / 0.18);
  --shadow-2xl: 0px 3px 0px 0px hsl(330 70% 30% / 0.45);
  --tracking-normal: 0em;
}
.dark [data-theme="quantum-rose"] {
  --background: oklch(0.18 0.05 313.72);
  --foreground: oklch(0.86 0.13 326.64);
  --card: oklch(0.24 0.07 313.23);
  --card-foreground: oklch(0.86 0.13 326.64);
  --popover: oklch(0.24 0.07 313.23);
  --popover-foreground: oklch(0.86 0.13 326.64);
  --primary: oklch(0.75 0.23 332.02);
  --primary-foreground: oklch(0.16 0.05 327.57);
  --secondary: oklch(0.32 0.09 319.65);
  --secondary-foreground: oklch(0.86 0.13 326.64);
  --muted: oklch(0.27 0.08 312.35);
  --muted-foreground: oklch(0.71 0.16 327.11);
  --accent: oklch(0.36 0.12 325.77);
  --accent-foreground: oklch(0.86 0.13 326.64);
  --destructive: oklch(0.65 0.24 7.17);
  --destructive-foreground: oklch(0.98 0 0);
  --border: oklch(0.33 0.12 313.54);
  --input: oklch(0.32 0.09 319.65);
  --ring: oklch(0.75 0.23 332.02);
  --chart-1: oklch(0.75 0.23 332.02);
  --chart-2: oklch(0.65 0.22 317.63);
  --chart-3: oklch(0.62 0.22 292.77);
  --chart-4: oklch(0.61 0.16 278.72);
  --chart-5: oklch(0.62 0.2 268.05);
  --radius: 0.5rem;
  --sidebar: oklch(0.19 0.05 311.4);
  --sidebar-foreground: oklch(0.86 0.13 326.64);
  --sidebar-primary: oklch(0.75 0.23 332.02);
  --sidebar-primary-foreground: oklch(0.16 0.05 327.57);
  --sidebar-accent: oklch(0.36 0.12 325.77);
  --sidebar-accent-foreground: oklch(0.86 0.13 326.64);
  --sidebar-border: oklch(0.33 0.12 313.54);
  --sidebar-ring: oklch(0.75 0.23 332.02);
  --font-sans: Quicksand, sans-serif;
  --font-serif: Playfair Display, serif;
  --font-mono: Space Mono, monospace;
  --shadow-color: hsl(300 80% 50% / 0.25);
  --shadow-opacity: 0.18;
  --shadow-blur: 0px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 3px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 3px 0px 0px hsl(300 80% 50% / 0.09);
  --shadow-xs: 0px 3px 0px 0px hsl(300 80% 50% / 0.09);
  --shadow-sm:
    0px 3px 0px 0px hsl(300 80% 50% / 0.18),
    0px 1px 2px -1px hsl(300 80% 50% / 0.18);
  --shadow:
    0px 3px 0px 0px hsl(300 80% 50% / 0.18),
    0px 1px 2px -1px hsl(300 80% 50% / 0.18);
  --shadow-md:
    0px 3px 0px 0px hsl(300 80% 50% / 0.18),
    0px 2px 4px -1px hsl(300 80% 50% / 0.18);
  --shadow-lg:
    0px 3px 0px 0px hsl(300 80% 50% / 0.18),
    0px 4px 6px -1px hsl(300 80% 50% / 0.18);
  --shadow-xl:
    0px 3px 0px 0px hsl(300 80% 50% / 0.18),
    0px 8px 10px -1px hsl(300 80% 50% / 0.18);
  --shadow-2xl: 0px 3px 0px 0px hsl(300 80% 50% / 0.45);
  --tracking-normal: 0em;
}
/* Retro Arcade: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/retro-arcade.css */
[data-theme="retro-arcade"] {
  --background: oklch(0.97 0.03 90.1);
  --foreground: oklch(0.31 0.05 219.65);
  --card: oklch(0.93 0.03 92.4);
  --card-foreground: oklch(0.31 0.05 219.65);
  --popover: oklch(0.93 0.03 92.4);
  --popover-foreground: oklch(0.31 0.05 219.65);
  --primary: oklch(0.59 0.2 355.89);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.64 0.1 187.38);
  --secondary-foreground: oklch(1 0 0);
  --muted: oklch(0.7 0.02 196.79);
  --muted-foreground: oklch(0.31 0.05 219.65);
  --accent: oklch(0.58 0.17 39.5);
  --accent-foreground: oklch(1 0 0);
  --destructive: oklch(0.59 0.21 27.12);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.65 0.02 205.26);
  --input: oklch(0.65 0.02 205.26);
  --ring: oklch(0.59 0.2 355.89);
  --chart-1: oklch(0.61 0.14 244.93);
  --chart-2: oklch(0.64 0.1 187.38);
  --chart-3: oklch(0.59 0.2 355.89);
  --chart-4: oklch(0.58 0.17 39.5);
  --chart-5: oklch(0.59 0.21 27.12);
  --radius: 0.25rem;
  --sidebar: oklch(0.97 0.03 90.1);
  --sidebar-foreground: oklch(0.31 0.05 219.65);
  --sidebar-primary: oklch(0.59 0.2 355.89);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.64 0.1 187.38);
  --sidebar-accent-foreground: oklch(1 0 0);
  --sidebar-border: oklch(0.65 0.02 205.26);
  --sidebar-ring: oklch(0.59 0.2 355.89);
  --font-sans: Outfit, sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: Space Mono, monospace;
  --shadow-color: hsl(196 83% 10%);
  --shadow-opacity: 0.15;
  --shadow-blur: 4px;
  --shadow-spread: 0px;
  --shadow-offset-x: 2px;
  --shadow-offset-y: 2px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 2px 2px 4px 0px hsl(196 83% 10% / 0.07);
  --shadow-xs: 2px 2px 4px 0px hsl(196 83% 10% / 0.07);
  --shadow-sm:
    2px 2px 4px 0px hsl(196 83% 10% / 0.15),
    2px 1px 2px -1px hsl(196 83% 10% / 0.15);
  --shadow:
    2px 2px 4px 0px hsl(196 83% 10% / 0.15),
    2px 1px 2px -1px hsl(196 83% 10% / 0.15);
  --shadow-md:
    2px 2px 4px 0px hsl(196 83% 10% / 0.15),
    2px 2px 4px -1px hsl(196 83% 10% / 0.15);
  --shadow-lg:
    2px 2px 4px 0px hsl(196 83% 10% / 0.15),
    2px 4px 6px -1px hsl(196 83% 10% / 0.15);
  --shadow-xl:
    2px 2px 4px 0px hsl(196 83% 10% / 0.15),
    2px 8px 10px -1px hsl(196 83% 10% / 0.15);
  --shadow-2xl: 2px 2px 4px 0px hsl(196 83% 10% / 0.38);
  --tracking-normal: 0em;
}
.dark [data-theme="retro-arcade"] {
  --background: oklch(0.27 0.05 219.82);
  --foreground: oklch(0.7 0.02 196.79);
  --card: oklch(0.31 0.05 219.65);
  --card-foreground: oklch(0.7 0.02 196.79);
  --popover: oklch(0.31 0.05 219.65);
  --popover-foreground: oklch(0.7 0.02 196.79);
  --primary: oklch(0.59 0.2 355.89);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.64 0.1 187.38);
  --secondary-foreground: oklch(1 0 0);
  --muted: oklch(0.52 0.03 219.14);
  --muted-foreground: oklch(0.7 0.02 196.79);
  --accent: oklch(0.58 0.17 39.5);
  --accent-foreground: oklch(1 0 0);
  --destructive: oklch(0.59 0.21 27.12);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.52 0.03 219.14);
  --input: oklch(0.52 0.03 219.14);
  --ring: oklch(0.59 0.2 355.89);
  --chart-1: oklch(0.61 0.14 244.93);
  --chart-2: oklch(0.64 0.1 187.38);
  --chart-3: oklch(0.59 0.2 355.89);
  --chart-4: oklch(0.58 0.17 39.5);
  --chart-5: oklch(0.59 0.21 27.12);
  --radius: 0.25rem;
  --sidebar: oklch(0.27 0.05 219.82);
  --sidebar-foreground: oklch(0.7 0.02 196.79);
  --sidebar-primary: oklch(0.59 0.2 355.89);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.64 0.1 187.38);
  --sidebar-accent-foreground: oklch(1 0 0);
  --sidebar-border: oklch(0.52 0.03 219.14);
  --sidebar-ring: oklch(0.59 0.2 355.89);
  --font-sans: Outfit, sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: Space Mono, monospace;
  --shadow-color: hsl(196 83% 10%);
  --shadow-opacity: 0.15;
  --shadow-blur: 4px;
  --shadow-spread: 0px;
  --shadow-offset-x: 2px;
  --shadow-offset-y: 2px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 2px 2px 4px 0px hsl(196 83% 10% / 0.07);
  --shadow-xs: 2px 2px 4px 0px hsl(196 83% 10% / 0.07);
  --shadow-sm:
    2px 2px 4px 0px hsl(196 83% 10% / 0.15),
    2px 1px 2px -1px hsl(196 83% 10% / 0.15);
  --shadow:
    2px 2px 4px 0px hsl(196 83% 10% / 0.15),
    2px 1px 2px -1px hsl(196 83% 10% / 0.15);
  --shadow-md:
    2px 2px 4px 0px hsl(196 83% 10% / 0.15),
    2px 2px 4px -1px hsl(196 83% 10% / 0.15);
  --shadow-lg:
    2px 2px 4px 0px hsl(196 83% 10% / 0.15),
    2px 4px 6px -1px hsl(196 83% 10% / 0.15);
  --shadow-xl:
    2px 2px 4px 0px hsl(196 83% 10% / 0.15),
    2px 8px 10px -1px hsl(196 83% 10% / 0.15);
  --shadow-2xl: 2px 2px 4px 0px hsl(196 83% 10% / 0.38);
  --tracking-normal: 0em;
}
/* Solar Dusk: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/solar-dusk.css */
[data-theme="solar-dusk"] {
  --background: oklch(0.99 0.01 84.57);
  --foreground: oklch(0.37 0.03 49.61);
  --card: oklch(0.97 0.01 78.28);
  --card-foreground: oklch(0.37 0.03 49.61);
  --popover: oklch(0.97 0.01 78.28);
  --popover-foreground: oklch(0.37 0.03 49.61);
  --primary: oklch(0.56 0.15 49);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.83 0.08 74.44);
  --secondary-foreground: oklch(0.44 0.01 73.64);
  --muted: oklch(0.94 0.02 83.26);
  --muted-foreground: oklch(0.55 0.01 58.07);
  --accent: oklch(0.9 0.05 74.99);
  --accent-foreground: oklch(0.44 0.01 73.64);
  --destructive: oklch(0.44 0.16 26.9);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.89 0.04 89.7);
  --input: oklch(0.89 0.04 89.7);
  --ring: oklch(0.56 0.15 49);
  --chart-1: oklch(0.56 0.15 49);
  --chart-2: oklch(0.55 0.01 58.07);
  --chart-3: oklch(0.55 0.12 66.44);
  --chart-4: oklch(0.55 0.01 58.07);
  --chart-5: oklch(0.68 0.14 75.83);
  --radius: 0.3rem;
  --sidebar: oklch(0.94 0.02 83.26);
  --sidebar-foreground: oklch(0.37 0.03 49.61);
  --sidebar-primary: oklch(0.56 0.15 49);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.55 0.12 66.44);
  --sidebar-accent-foreground: oklch(1 0 0);
  --sidebar-border: oklch(0.89 0.04 89.7);
  --sidebar-ring: oklch(0.56 0.15 49);
  --font-sans: Oxanium, sans-serif;
  --font-serif: Merriweather, serif;
  --font-mono: Fira Code, monospace;
  --shadow-color: hsl(28 18% 25%);
  --shadow-opacity: 0.18;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 2px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 2px 3px 0px hsl(28 18% 25% / 0.09);
  --shadow-xs: 0px 2px 3px 0px hsl(28 18% 25% / 0.09);
  --shadow-sm:
    0px 2px 3px 0px hsl(28 18% 25% / 0.18),
    0px 1px 2px -1px hsl(28 18% 25% / 0.18);
  --shadow:
    0px 2px 3px 0px hsl(28 18% 25% / 0.18),
    0px 1px 2px -1px hsl(28 18% 25% / 0.18);
  --shadow-md:
    0px 2px 3px 0px hsl(28 18% 25% / 0.18),
    0px 2px 4px -1px hsl(28 18% 25% / 0.18);
  --shadow-lg:
    0px 2px 3px 0px hsl(28 18% 25% / 0.18),
    0px 4px 6px -1px hsl(28 18% 25% / 0.18);
  --shadow-xl:
    0px 2px 3px 0px hsl(28 18% 25% / 0.18),
    0px 8px 10px -1px hsl(28 18% 25% / 0.18);
  --shadow-2xl: 0px 2px 3px 0px hsl(28 18% 25% / 0.45);
  --tracking-normal: 0em;
}
.dark [data-theme="solar-dusk"] {
  --background: oklch(0.22 0.01 56.04);
  --foreground: oklch(0.97 0 106.42);
  --card: oklch(0.27 0.01 34.3);
  --card-foreground: oklch(0.97 0 106.42);
  --popover: oklch(0.27 0.01 34.3);
  --popover-foreground: oklch(0.97 0 106.42);
  --primary: oklch(0.7 0.19 47.6);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.44 0.01 73.64);
  --secondary-foreground: oklch(0.92 0 48.72);
  --muted: oklch(0.27 0.01 34.3);
  --muted-foreground: oklch(0.72 0.01 56.26);
  --accent: oklch(0.36 0.05 229.32);
  --accent-foreground: oklch(0.92 0 48.72);
  --destructive: oklch(0.58 0.22 27.33);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.37 0.01 67.56);
  --input: oklch(0.37 0.01 67.56);
  --ring: oklch(0.7 0.19 47.6);
  --chart-1: oklch(0.7 0.19 47.6);
  --chart-2: oklch(0.68 0.15 237.32);
  --chart-3: oklch(0.8 0.16 86.05);
  --chart-4: oklch(0.72 0.01 56.26);
  --chart-5: oklch(0.55 0.01 58.07);
  --radius: 0.3rem;
  --sidebar: oklch(0.27 0.01 34.3);
  --sidebar-foreground: oklch(0.97 0 106.42);
  --sidebar-primary: oklch(0.7 0.19 47.6);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.68 0.15 237.32);
  --sidebar-accent-foreground: oklch(0.28 0.07 254.54);
  --sidebar-border: oklch(0.37 0.01 67.56);
  --sidebar-ring: oklch(0.7 0.19 47.6);
  --font-sans: Oxanium, sans-serif;
  --font-serif: Merriweather, serif;
  --font-mono: Fira Code, monospace;
  --shadow-color: hsl(0 0% 5%);
  --shadow-opacity: 0.18;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 2px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 2px 3px 0px hsl(0 0% 5% / 0.09);
  --shadow-xs: 0px 2px 3px 0px hsl(0 0% 5% / 0.09);
  --shadow-sm:
    0px 2px 3px 0px hsl(0 0% 5% / 0.18), 0px 1px 2px -1px hsl(0 0% 5% / 0.18);
  --shadow:
    0px 2px 3px 0px hsl(0 0% 5% / 0.18), 0px 1px 2px -1px hsl(0 0% 5% / 0.18);
  --shadow-md:
    0px 2px 3px 0px hsl(0 0% 5% / 0.18), 0px 2px 4px -1px hsl(0 0% 5% / 0.18);
  --shadow-lg:
    0px 2px 3px 0px hsl(0 0% 5% / 0.18), 0px 4px 6px -1px hsl(0 0% 5% / 0.18);
  --shadow-xl:
    0px 2px 3px 0px hsl(0 0% 5% / 0.18), 0px 8px 10px -1px hsl(0 0% 5% / 0.18);
  --shadow-2xl: 0px 2px 3px 0px hsl(0 0% 5% / 0.45);
  --tracking-normal: 0em;
}
/* Spotify: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/spotify.css */
[data-theme="spotify"] {
  --background: oklch(1 0 0);
  --foreground: oklch(0.16 0.008 25);
  --card: oklch(0.98 0.003 0);
  --card-foreground: oklch(0.16 0.008 25);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.16 0.008 25);
  --primary: oklch(0.64 0.18 152);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.95 0.008 152);
  --secondary-foreground: oklch(0.2 0.01 25);
  --muted: oklch(0.96 0.003 0);
  --muted-foreground: oklch(0.5 0.01 0);
  --accent: oklch(0.72 0.2 150);
  --accent-foreground: oklch(0.16 0.008 25);
  --destructive: oklch(0.55 0.22 25);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.9 0.003 0);
  --input: oklch(0.92 0.003 0);
  --ring: oklch(0.64 0.18 152);
  --chart-1: oklch(0.64 0.18 152);
  --chart-2: oklch(0.72 0.2 150);
  --chart-3: oklch(0.6 0.15 200);
  --chart-4: oklch(0.7 0.12 280);
  --chart-5: oklch(0.65 0.18 340);
  --radius: 0.5rem;
  --sidebar: oklch(0.16 0.008 25);
  --sidebar-foreground: oklch(0.95 0.003 0);
  --sidebar-primary: oklch(0.64 0.18 152);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.25 0.01 25);
  --sidebar-accent-foreground: oklch(0.95 0.003 0);
  --sidebar-border: oklch(0.28 0.01 25);
  --sidebar-ring: oklch(0.64 0.18 152);
  --font-sans: Montserrat, ui-sans-serif, system-ui, sans-serif;
  --font-serif: ui-serif, Georgia, serif;
  --font-mono: ui-monospace, SFMono-Regular, monospace;
  --shadow-color: hsl(150 60% 10%);
  --shadow-opacity: 0.08;
  --shadow-blur: 4px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0;
  --shadow-offset-y: 2px;
  --letter-spacing: -0.01em;
  --spacing: 0.25rem;
  --shadow-2xs: 0 1px 2px 0px hsl(150 60% 10% / 0.04);
  --shadow-xs: 0 1px 3px 0px hsl(150 60% 10% / 0.06);
  --shadow-sm:
    0 2px 4px 0px hsl(150 60% 10% / 0.08),
    0 1px 2px -1px hsl(150 60% 10% / 0.08);
  --shadow:
    0 2px 4px 0px hsl(150 60% 10% / 0.08),
    0 1px 2px -1px hsl(150 60% 10% / 0.08);
  --shadow-md:
    0 4px 6px 0px hsl(150 60% 10% / 0.1), 0 2px 4px -1px hsl(150 60% 10% / 0.1);
  --shadow-lg:
    0 8px 10px 0px hsl(150 60% 10% / 0.1), 0 4px 6px -1px hsl(150 60% 10% / 0.1);
  --shadow-xl:
    0 16px 20px 0px hsl(150 60% 10% / 0.12),
    0 8px 10px -1px hsl(150 60% 10% / 0.12);
  --shadow-2xl: 0 24px 48px 0px hsl(150 60% 10% / 0.2);
  --tracking-normal: -0.01em;
}
.dark [data-theme="spotify"] {
  --background: oklch(0.145 0 0);
  --foreground: oklch(1 0 0);
  --card: oklch(0.18 0 0);
  --card-foreground: oklch(1 0 0);
  --popover: oklch(0.2 0 0);
  --popover-foreground: oklch(1 0 0);
  --primary: oklch(0.64 0.18 152);
  --primary-foreground: oklch(0.145 0 0);
  --secondary: oklch(0.22 0 0);
  --secondary-foreground: oklch(0.9 0 0);
  --muted: oklch(0.2 0 0);
  --muted-foreground: oklch(0.65 0 0);
  --accent: oklch(0.72 0.2 150);
  --accent-foreground: oklch(0.145 0 0);
  --destructive: oklch(0.6 0.2 25);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.28 0 0);
  --input: oklch(0.22 0 0);
  --ring: oklch(0.64 0.18 152);
  --chart-1: oklch(0.64 0.18 152);
  --chart-2: oklch(0.72 0.2 150);
  --chart-3: oklch(0.65 0.14 200);
  --chart-4: oklch(0.75 0.12 280);
  --chart-5: oklch(0.7 0.16 340);
  --radius: 0.5rem;
  --sidebar: oklch(0.12 0 0);
  --sidebar-foreground: oklch(1 0 0);
  --sidebar-primary: oklch(0.64 0.18 152);
  --sidebar-primary-foreground: oklch(0.145 0 0);
  --sidebar-accent: oklch(0.22 0 0);
  --sidebar-accent-foreground: oklch(0.9 0 0);
  --sidebar-border: oklch(0.28 0 0);
  --sidebar-ring: oklch(0.64 0.18 152);
  --font-sans: Montserrat, ui-sans-serif, system-ui, sans-serif;
  --font-serif: ui-serif, Georgia, serif;
  --font-mono: ui-monospace, SFMono-Regular, monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.5;
  --shadow-blur: 4px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0;
  --shadow-offset-y: 2px;
  --letter-spacing: -0.01em;
  --spacing: 0.25rem;
  --shadow-2xs: 0 1px 2px 0px hsl(0 0% 0% / 0.25);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.35);
  --shadow-sm:
    0 2px 4px 0px hsl(0 0% 0% / 0.5), 0 1px 2px -1px hsl(0 0% 0% / 0.5);
  --shadow: 0 2px 4px 0px hsl(0 0% 0% / 0.5), 0 1px 2px -1px hsl(0 0% 0% / 0.5);
  --shadow-md:
    0 4px 6px 0px hsl(0 0% 0% / 0.5), 0 2px 4px -1px hsl(0 0% 0% / 0.5);
  --shadow-lg:
    0 8px 10px 0px hsl(0 0% 0% / 0.5), 0 4px 6px -1px hsl(0 0% 0% / 0.5);
  --shadow-xl:
    0 16px 20px 0px hsl(0 0% 0% / 0.5), 0 8px 10px -1px hsl(0 0% 0% / 0.5);
  --shadow-2xl: 0 24px 48px 0px hsl(0 0% 0% / 0.6);
  --tracking-normal: -0.01em;
}
/* Starry Night: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/starry-night.css */
[data-theme="starry-night"] {
  --background: oklch(0.98 0 258.32);
  --foreground: oklch(0.26 0.04 268.07);
  --card: oklch(0.93 0.01 251.56);
  --card-foreground: oklch(0.26 0.04 268.07);
  --popover: oklch(0.99 0.03 98.05);
  --popover-foreground: oklch(0.26 0.04 268.07);
  --primary: oklch(0.48 0.12 263.38);
  --primary-foreground: oklch(0.99 0.03 98.05);
  --secondary: oklch(0.86 0.12 81.01);
  --secondary-foreground: oklch(0.26 0.04 268.07);
  --muted: oklch(0.92 0.01 106.56);
  --muted-foreground: oklch(0.48 0.12 263.38);
  --accent: oklch(0.69 0.07 234.04);
  --accent-foreground: oklch(0.99 0.03 98.05);
  --destructive: oklch(0.26 0.04 322.53);
  --destructive-foreground: oklch(0.99 0.03 98.05);
  --border: oklch(0.78 0.02 251.19);
  --input: oklch(0.69 0.07 234.04);
  --ring: oklch(0.86 0.12 81.01);
  --chart-1: oklch(0.48 0.12 263.38);
  --chart-2: oklch(0.86 0.12 81.01);
  --chart-3: oklch(0.69 0.07 234.04);
  --chart-4: oklch(0.78 0.02 251.19);
  --chart-5: oklch(0.26 0.04 322.53);
  --radius: 0.5rem;
  --sidebar: oklch(0.93 0.01 251.56);
  --sidebar-foreground: oklch(0.26 0.04 268.07);
  --sidebar-primary: oklch(0.48 0.12 263.38);
  --sidebar-primary-foreground: oklch(0.99 0.03 98.05);
  --sidebar-accent: oklch(0.86 0.12 81.01);
  --sidebar-accent-foreground: oklch(0.26 0.04 268.07);
  --sidebar-border: oklch(0.78 0.02 251.19);
  --sidebar-ring: oklch(0.86 0.12 81.01);
  --font-sans: Libre Baskerville, serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.1;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0;
  --shadow-offset-y: 1px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow-md:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
  --shadow-lg:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
  --shadow-xl:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
}
.dark [data-theme="starry-night"] {
  --background: oklch(0.22 0.02 275.84);
  --foreground: oklch(0.94 0.01 266.7);
  --card: oklch(0.27 0.04 281.3);
  --card-foreground: oklch(0.94 0.01 266.7);
  --popover: oklch(0.27 0.04 281.3);
  --popover-foreground: oklch(0.91 0.14 95.11);
  --primary: oklch(0.48 0.12 263.38);
  --primary-foreground: oklch(0.91 0.14 95.11);
  --secondary: oklch(0.91 0.14 95.11);
  --secondary-foreground: oklch(0.27 0.04 281.3);
  --muted: oklch(0.27 0.04 281.3);
  --muted-foreground: oklch(0.62 0.04 262.04);
  --accent: oklch(0.85 0.05 264.78);
  --accent-foreground: oklch(0.22 0.02 275.84);
  --destructive: oklch(0.53 0.12 357.11);
  --destructive-foreground: oklch(0.91 0.14 95.11);
  --border: oklch(0.31 0.03 281.77);
  --input: oklch(0.48 0.12 263.38);
  --ring: oklch(0.91 0.14 95.11);
  --chart-1: oklch(0.48 0.12 263.38);
  --chart-2: oklch(0.91 0.14 95.11);
  --chart-3: oklch(0.69 0.07 234.04);
  --chart-4: oklch(0.62 0.04 262.04);
  --chart-5: oklch(0.53 0.12 357.11);
  --radius: 0.5rem;
  --sidebar: oklch(0.27 0.04 281.3);
  --sidebar-foreground: oklch(0.94 0.01 266.7);
  --sidebar-primary: oklch(0.48 0.12 263.38);
  --sidebar-primary-foreground: oklch(0.91 0.14 95.11);
  --sidebar-accent: oklch(0.91 0.14 95.11);
  --sidebar-accent-foreground: oklch(0.27 0.04 281.3);
  --sidebar-border: oklch(0.31 0.03 281.77);
  --sidebar-ring: oklch(0.91 0.14 95.11);
  --font-sans: Libre Baskerville, serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.1;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0;
  --shadow-offset-y: 1px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow-md:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
  --shadow-lg:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
  --shadow-xl:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
}
/* Stripe: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/stripe.css */
[data-theme="stripe"] {
  --background: oklch(0.98 0.006 240);
  --foreground: oklch(0.22 0.05 250);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.22 0.05 250);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.22 0.05 250);
  --primary: oklch(0.55 0.25 285);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.95 0.008 240);
  --secondary-foreground: oklch(0.3 0.04 250);
  --muted: oklch(0.96 0.006 240);
  --muted-foreground: oklch(0.45 0.03 250);
  --accent: oklch(0.82 0.14 200);
  --accent-foreground: oklch(0.22 0.05 200);
  --destructive: oklch(0.55 0.22 25);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.9 0.008 240);
  --input: oklch(0.92 0.008 240);
  --ring: oklch(0.55 0.25 285);
  --chart-1: oklch(0.55 0.25 285);
  --chart-2: oklch(0.82 0.14 200);
  --chart-3: oklch(0.65 0.18 320);
  --chart-4: oklch(0.7 0.15 150);
  --chart-5: oklch(0.6 0.2 30);
  --radius: 0.5rem;
  --sidebar: oklch(0.22 0.05 250);
  --sidebar-foreground: oklch(0.95 0.006 240);
  --sidebar-primary: oklch(0.6 0.22 285);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.3 0.05 250);
  --sidebar-accent-foreground: oklch(0.95 0.006 240);
  --sidebar-border: oklch(0.35 0.05 250);
  --sidebar-ring: oklch(0.6 0.22 285);
  --font-sans:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-serif: ui-serif, Georgia, serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", monospace;
  --shadow-color: hsl(220 60% 20%);
  --shadow-opacity: 0.08;
  --shadow-blur: 6px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0;
  --shadow-offset-y: 2px;
  --letter-spacing: -0.01em;
  --spacing: 0.25rem;
  --shadow-2xs: 0 1px 2px 0px hsl(220 60% 20% / 0.04);
  --shadow-xs: 0 1px 3px 0px hsl(220 60% 20% / 0.06);
  --shadow-sm:
    0 2px 4px 0px hsl(220 60% 20% / 0.08),
    0 1px 2px -1px hsl(220 60% 20% / 0.08);
  --shadow:
    0 2px 4px 0px hsl(220 60% 20% / 0.08),
    0 1px 2px -1px hsl(220 60% 20% / 0.08);
  --shadow-md:
    0 4px 8px 0px hsl(220 60% 20% / 0.1), 0 2px 4px -1px hsl(220 60% 20% / 0.1);
  --shadow-lg:
    0 8px 16px 0px hsl(220 60% 20% / 0.1), 0 4px 8px -1px hsl(220 60% 20% / 0.1);
  --shadow-xl:
    0 16px 24px 0px hsl(220 60% 20% / 0.12),
    0 8px 12px -1px hsl(220 60% 20% / 0.12);
  --shadow-2xl: 0 24px 48px 0px hsl(220 60% 20% / 0.2);
  --tracking-normal: -0.01em;
}
.dark [data-theme="stripe"] {
  --background: oklch(0.22 0.05 250);
  --foreground: oklch(0.95 0.006 240);
  --card: oklch(0.26 0.05 250);
  --card-foreground: oklch(0.95 0.006 240);
  --popover: oklch(0.28 0.05 250);
  --popover-foreground: oklch(0.95 0.006 240);
  --primary: oklch(0.6 0.23 285);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.3 0.05 250);
  --secondary-foreground: oklch(0.9 0.006 240);
  --muted: oklch(0.28 0.04 250);
  --muted-foreground: oklch(0.65 0.02 240);
  --accent: oklch(0.82 0.14 200);
  --accent-foreground: oklch(0.22 0.05 200);
  --destructive: oklch(0.6 0.2 25);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.35 0.05 250);
  --input: oklch(0.3 0.05 250);
  --ring: oklch(0.6 0.23 285);
  --chart-1: oklch(0.6 0.23 285);
  --chart-2: oklch(0.82 0.14 200);
  --chart-3: oklch(0.7 0.16 320);
  --chart-4: oklch(0.75 0.14 150);
  --chart-5: oklch(0.65 0.18 30);
  --radius: 0.5rem;
  --sidebar: oklch(0.18 0.05 250);
  --sidebar-foreground: oklch(0.95 0.006 240);
  --sidebar-primary: oklch(0.6 0.23 285);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.3 0.05 250);
  --sidebar-accent-foreground: oklch(0.9 0.006 240);
  --sidebar-border: oklch(0.35 0.05 250);
  --sidebar-ring: oklch(0.6 0.23 285);
  --font-sans:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-serif: ui-serif, Georgia, serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.4;
  --shadow-blur: 6px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0;
  --shadow-offset-y: 2px;
  --letter-spacing: -0.01em;
  --spacing: 0.25rem;
  --shadow-2xs: 0 1px 2px 0px hsl(0 0% 0% / 0.2);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.3);
  --shadow-sm:
    0 2px 4px 0px hsl(0 0% 0% / 0.4), 0 1px 2px -1px hsl(0 0% 0% / 0.4);
  --shadow: 0 2px 4px 0px hsl(0 0% 0% / 0.4), 0 1px 2px -1px hsl(0 0% 0% / 0.4);
  --shadow-md:
    0 4px 8px 0px hsl(0 0% 0% / 0.4), 0 2px 4px -1px hsl(0 0% 0% / 0.4);
  --shadow-lg:
    0 8px 16px 0px hsl(0 0% 0% / 0.4), 0 4px 8px -1px hsl(0 0% 0% / 0.4);
  --shadow-xl:
    0 16px 24px 0px hsl(0 0% 0% / 0.4), 0 8px 12px -1px hsl(0 0% 0% / 0.4);
  --shadow-2xl: 0 24px 48px 0px hsl(0 0% 0% / 0.5);
  --tracking-normal: -0.01em;
}
/* Sunset Horizon: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/sunset-horizon.css */
[data-theme="sunset-horizon"] {
  --background: oklch(0.99 0.01 56.32);
  --foreground: oklch(0.34 0.01 2.77);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.34 0.01 2.77);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.34 0.01 2.77);
  --primary: oklch(0.74 0.16 34.71);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.96 0.02 28.9);
  --secondary-foreground: oklch(0.56 0.13 32.74);
  --muted: oklch(0.97 0.02 39.4);
  --muted-foreground: oklch(0.55 0.01 58.07);
  --accent: oklch(0.83 0.11 58);
  --accent-foreground: oklch(0.34 0.01 2.77);
  --destructive: oklch(0.61 0.21 22.24);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.93 0.04 38.69);
  --input: oklch(0.93 0.04 38.69);
  --ring: oklch(0.74 0.16 34.71);
  --chart-1: oklch(0.74 0.16 34.71);
  --chart-2: oklch(0.83 0.11 58);
  --chart-3: oklch(0.88 0.08 54.93);
  --chart-4: oklch(0.82 0.11 40.89);
  --chart-5: oklch(0.64 0.13 32.07);
  --radius: 0.625rem;
  --sidebar: oklch(0.97 0.02 39.4);
  --sidebar-foreground: oklch(0.34 0.01 2.77);
  --sidebar-primary: oklch(0.74 0.16 34.71);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.83 0.11 58);
  --sidebar-accent-foreground: oklch(0.34 0.01 2.77);
  --sidebar-border: oklch(0.93 0.04 38.69);
  --sidebar-ring: oklch(0.74 0.16 34.71);
  --font-sans: Montserrat, sans-serif;
  --font-serif: Merriweather, serif;
  --font-mono: Ubuntu Mono, monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.09;
  --shadow-blur: 12px;
  --shadow-spread: -3px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 6px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 6px 12px -3px hsl(0 0% 0% / 0.04);
  --shadow-xs: 0px 6px 12px -3px hsl(0 0% 0% / 0.04);
  --shadow-sm:
    0px 6px 12px -3px hsl(0 0% 0% / 0.09), 0px 1px 2px -4px hsl(0 0% 0% / 0.09);
  --shadow:
    0px 6px 12px -3px hsl(0 0% 0% / 0.09), 0px 1px 2px -4px hsl(0 0% 0% / 0.09);
  --shadow-md:
    0px 6px 12px -3px hsl(0 0% 0% / 0.09), 0px 2px 4px -4px hsl(0 0% 0% / 0.09);
  --shadow-lg:
    0px 6px 12px -3px hsl(0 0% 0% / 0.09), 0px 4px 6px -4px hsl(0 0% 0% / 0.09);
  --shadow-xl:
    0px 6px 12px -3px hsl(0 0% 0% / 0.09), 0px 8px 10px -4px hsl(0 0% 0% / 0.09);
  --shadow-2xl: 0px 6px 12px -3px hsl(0 0% 0% / 0.22);
  --tracking-normal: 0em;
}
.dark [data-theme="sunset-horizon"] {
  --background: oklch(0.26 0.02 352.4);
  --foreground: oklch(0.94 0.01 51.32);
  --card: oklch(0.32 0.02 341.45);
  --card-foreground: oklch(0.94 0.01 51.32);
  --popover: oklch(0.32 0.02 341.45);
  --popover-foreground: oklch(0.94 0.01 51.32);
  --primary: oklch(0.74 0.16 34.71);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.36 0.02 342.27);
  --secondary-foreground: oklch(0.94 0.01 51.32);
  --muted: oklch(0.32 0.02 341.45);
  --muted-foreground: oklch(0.84 0.02 52.63);
  --accent: oklch(0.83 0.11 58);
  --accent-foreground: oklch(0.26 0.02 352.4);
  --destructive: oklch(0.61 0.21 22.24);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.36 0.02 342.27);
  --input: oklch(0.36 0.02 342.27);
  --ring: oklch(0.74 0.16 34.71);
  --chart-1: oklch(0.74 0.16 34.71);
  --chart-2: oklch(0.83 0.11 58);
  --chart-3: oklch(0.88 0.08 54.93);
  --chart-4: oklch(0.82 0.11 40.89);
  --chart-5: oklch(0.64 0.13 32.07);
  --radius: 0.625rem;
  --sidebar: oklch(0.26 0.02 352.4);
  --sidebar-foreground: oklch(0.94 0.01 51.32);
  --sidebar-primary: oklch(0.74 0.16 34.71);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.83 0.11 58);
  --sidebar-accent-foreground: oklch(0.26 0.02 352.4);
  --sidebar-border: oklch(0.36 0.02 342.27);
  --sidebar-ring: oklch(0.74 0.16 34.71);
  --font-sans: Montserrat, sans-serif;
  --font-serif: Merriweather, serif;
  --font-mono: Ubuntu Mono, monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.09;
  --shadow-blur: 12px;
  --shadow-spread: -3px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 6px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 6px 12px -3px hsl(0 0% 0% / 0.04);
  --shadow-xs: 0px 6px 12px -3px hsl(0 0% 0% / 0.04);
  --shadow-sm:
    0px 6px 12px -3px hsl(0 0% 0% / 0.09), 0px 1px 2px -4px hsl(0 0% 0% / 0.09);
  --shadow:
    0px 6px 12px -3px hsl(0 0% 0% / 0.09), 0px 1px 2px -4px hsl(0 0% 0% / 0.09);
  --shadow-md:
    0px 6px 12px -3px hsl(0 0% 0% / 0.09), 0px 2px 4px -4px hsl(0 0% 0% / 0.09);
  --shadow-lg:
    0px 6px 12px -3px hsl(0 0% 0% / 0.09), 0px 4px 6px -4px hsl(0 0% 0% / 0.09);
  --shadow-xl:
    0px 6px 12px -3px hsl(0 0% 0% / 0.09), 0px 8px 10px -4px hsl(0 0% 0% / 0.09);
  --shadow-2xl: 0px 6px 12px -3px hsl(0 0% 0% / 0.22);
  --tracking-normal: 0em;
}
/* Supabase: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/supabase.css */
[data-theme="supabase"] {
  --background: oklch(0.99 0 0);
  --foreground: oklch(0.2 0 0);
  --card: oklch(0.99 0 0);
  --card-foreground: oklch(0.2 0 0);
  --popover: oklch(0.99 0 0);
  --popover-foreground: oklch(0.44 0 0);
  --primary: oklch(0.83 0.13 160.91);
  --primary-foreground: oklch(0.26 0.01 166.46);
  --secondary: oklch(0.99 0 0);
  --secondary-foreground: oklch(0.2 0 0);
  --muted: oklch(0.95 0 0);
  --muted-foreground: oklch(0.24 0 0);
  --accent: oklch(0.95 0 0);
  --accent-foreground: oklch(0.24 0 0);
  --destructive: oklch(0.55 0.19 32.73);
  --destructive-foreground: oklch(0.99 0 17.21);
  --border: oklch(0.9 0 0);
  --input: oklch(0.97 0 0);
  --ring: oklch(0.83 0.13 160.91);
  --chart-1: oklch(0.83 0.13 160.91);
  --chart-2: oklch(0.62 0.19 259.81);
  --chart-3: oklch(0.61 0.22 292.72);
  --chart-4: oklch(0.77 0.16 70.08);
  --chart-5: oklch(0.7 0.15 162.48);
  --radius: 0.5rem;
  --sidebar: oklch(0.99 0 0);
  --sidebar-foreground: oklch(0.55 0 0);
  --sidebar-primary: oklch(0.83 0.13 160.91);
  --sidebar-primary-foreground: oklch(0.26 0.01 166.46);
  --sidebar-accent: oklch(0.95 0 0);
  --sidebar-accent-foreground: oklch(0.24 0 0);
  --sidebar-border: oklch(0.9 0 0);
  --sidebar-ring: oklch(0.83 0.13 160.91);
  --font-sans: Outfit, sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: monospace;
  --shadow-color: #000000;
  --shadow-opacity: 0.17;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 1px;
  --letter-spacing: 0.025em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.09);
  --shadow-xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.09);
  --shadow-sm:
    0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 1px 2px -1px hsl(0 0% 0% / 0.17);
  --shadow:
    0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 1px 2px -1px hsl(0 0% 0% / 0.17);
  --shadow-md:
    0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 2px 4px -1px hsl(0 0% 0% / 0.17);
  --shadow-lg:
    0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 4px 6px -1px hsl(0 0% 0% / 0.17);
  --shadow-xl:
    0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 8px 10px -1px hsl(0 0% 0% / 0.17);
  --shadow-2xl: 0px 1px 3px 0px hsl(0 0% 0% / 0.43);
  --tracking-normal: 0.025em;
}
.dark [data-theme="supabase"] {
  --background: oklch(0.18 0 0);
  --foreground: oklch(0.93 0.01 255.51);
  --card: oklch(0.2 0 0);
  --card-foreground: oklch(0.93 0.01 255.51);
  --popover: oklch(0.26 0 0);
  --popover-foreground: oklch(0.73 0 0);
  --primary: oklch(0.44 0.1 156.76);
  --primary-foreground: oklch(0.92 0.01 167.16);
  --secondary: oklch(0.26 0 0);
  --secondary-foreground: oklch(0.99 0 0);
  --muted: oklch(0.24 0 0);
  --muted-foreground: oklch(0.71 0 0);
  --accent: oklch(0.31 0 0);
  --accent-foreground: oklch(0.99 0 0);
  --destructive: oklch(0.31 0.09 29.79);
  --destructive-foreground: oklch(0.94 0 34.31);
  --border: oklch(0.28 0 0);
  --input: oklch(0.26 0 0);
  --ring: oklch(0.8 0.18 151.71);
  --chart-1: oklch(0.8 0.18 151.71);
  --chart-2: oklch(0.71 0.14 254.62);
  --chart-3: oklch(0.71 0.16 293.54);
  --chart-4: oklch(0.84 0.16 84.43);
  --chart-5: oklch(0.78 0.13 181.91);
  --radius: 0.5rem;
  --sidebar: oklch(0.18 0 0);
  --sidebar-foreground: oklch(0.63 0 0);
  --sidebar-primary: oklch(0.44 0.1 156.76);
  --sidebar-primary-foreground: oklch(0.92 0.01 167.16);
  --sidebar-accent: oklch(0.31 0 0);
  --sidebar-accent-foreground: oklch(0.99 0 0);
  --sidebar-border: oklch(0.28 0 0);
  --sidebar-ring: oklch(0.8 0.18 151.71);
  --font-sans: Outfit, sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: monospace;
  --shadow-color: #000000;
  --shadow-opacity: 0.17;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 1px;
  --letter-spacing: 0.025em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.09);
  --shadow-xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.09);
  --shadow-sm:
    0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 1px 2px -1px hsl(0 0% 0% / 0.17);
  --shadow:
    0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 1px 2px -1px hsl(0 0% 0% / 0.17);
  --shadow-md:
    0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 2px 4px -1px hsl(0 0% 0% / 0.17);
  --shadow-lg:
    0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 4px 6px -1px hsl(0 0% 0% / 0.17);
  --shadow-xl:
    0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 8px 10px -1px hsl(0 0% 0% / 0.17);
  --shadow-2xl: 0px 1px 3px 0px hsl(0 0% 0% / 0.43);
  --tracking-normal: 0.025em;
}
/* T3 Chat: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/t3-chat.css */
[data-theme="t3-chat"] {
  --background: oklch(0.98 0.01 325.64);
  --foreground: oklch(0.33 0.12 325.04);
  --card: oklch(0.98 0.01 325.64);
  --card-foreground: oklch(0.33 0.12 325.04);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.33 0.12 325.04);
  --primary: oklch(0.53 0.14 355.2);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.87 0.07 334.9);
  --secondary-foreground: oklch(0.44 0.13 324.8);
  --muted: oklch(0.94 0.03 331.55);
  --muted-foreground: oklch(0.49 0.12 324.45);
  --accent: oklch(0.87 0.07 334.9);
  --accent-foreground: oklch(0.44 0.13 324.8);
  --destructive: oklch(0.52 0.14 20.83);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.86 0.08 328.91);
  --input: oklch(0.85 0.06 336.6);
  --ring: oklch(0.59 0.22 0.58);
  --chart-1: oklch(0.6 0.24 344.47);
  --chart-2: oklch(0.44 0.23 300.62);
  --chart-3: oklch(0.38 0.04 226.15);
  --chart-4: oklch(0.83 0.12 88.35);
  --chart-5: oklch(0.78 0.13 59);
  --radius: 0.5rem;
  --sidebar: oklch(0.94 0.03 320.58);
  --sidebar-foreground: oklch(0.49 0.19 354.54);
  --sidebar-primary: oklch(0.4 0.03 285.2);
  --sidebar-primary-foreground: oklch(0.97 0.01 337.52);
  --sidebar-accent: oklch(0.98 0 106.42);
  --sidebar-accent-foreground: oklch(0.4 0.03 285.2);
  --sidebar-border: oklch(0.94 0 48.72);
  --sidebar-ring: oklch(0.59 0.22 0.58);
  --font-sans:
    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.1;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0;
  --shadow-offset-y: 1px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow-md:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
  --shadow-lg:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
  --shadow-xl:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
}
.dark [data-theme="t3-chat"] {
  --background: oklch(0.24 0.02 307.53);
  --foreground: oklch(0.84 0.04 309.54);
  --card: oklch(0.28 0.02 307.54);
  --card-foreground: oklch(0.85 0.03 341.46);
  --popover: oklch(0.15 0.01 338.9);
  --popover-foreground: oklch(0.96 0.01 341.8);
  --primary: oklch(0.46 0.19 4.1);
  --primary-foreground: oklch(0.86 0.06 346.37);
  --secondary: oklch(0.31 0.03 310.06);
  --secondary-foreground: oklch(0.85 0.04 307.96);
  --muted: oklch(0.26 0.02 309.47);
  --muted-foreground: oklch(0.79 0.04 307.1);
  --accent: oklch(0.36 0.05 308.49);
  --accent-foreground: oklch(0.96 0.01 341.8);
  --destructive: oklch(0.23 0.05 12.61);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.33 0.02 343.45);
  --input: oklch(0.34 0.02 332.83);
  --ring: oklch(0.59 0.22 0.58);
  --chart-1: oklch(0.53 0.14 355.2);
  --chart-2: oklch(0.56 0.19 306.86);
  --chart-3: oklch(0.72 0.15 60.58);
  --chart-4: oklch(0.62 0.2 312.74);
  --chart-5: oklch(0.61 0.21 6.14);
  --radius: 0.5rem;
  --sidebar: oklch(0.19 0.02 331.05);
  --sidebar-foreground: oklch(0.86 0.03 343.66);
  --sidebar-primary: oklch(0.49 0.22 264.38);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.23 0.03 338.2);
  --sidebar-accent-foreground: oklch(0.97 0 286.38);
  --sidebar-border: oklch(0 0 0);
  --sidebar-ring: oklch(0.59 0.22 0.58);
  --font-sans:
    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.1;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0;
  --shadow-offset-y: 1px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow-md:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
  --shadow-lg:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
  --shadow-xl:
    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
}
/* Tangerine: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/tangerine.css */
[data-theme="tangerine"] {
  --background: oklch(0.94 0 236.5);
  --foreground: oklch(0.32 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.32 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.32 0 0);
  --primary: oklch(0.64 0.17 36.44);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.97 0 264.54);
  --secondary-foreground: oklch(0.45 0.03 256.8);
  --muted: oklch(0.98 0 247.84);
  --muted-foreground: oklch(0.55 0.02 264.36);
  --accent: oklch(0.91 0.02 243.82);
  --accent-foreground: oklch(0.38 0.14 265.52);
  --destructive: oklch(0.64 0.21 25.33);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.9 0.01 247.88);
  --input: oklch(0.97 0 264.54);
  --ring: oklch(0.64 0.17 36.44);
  --chart-1: oklch(0.72 0.06 248.68);
  --chart-2: oklch(0.79 0.09 35.96);
  --chart-3: oklch(0.58 0.08 254.16);
  --chart-4: oklch(0.5 0.08 259.49);
  --chart-5: oklch(0.42 0.1 264.03);
  --radius: 0.75rem;
  --sidebar: oklch(0.9 0 258.33);
  --sidebar-foreground: oklch(0.32 0 0);
  --sidebar-primary: oklch(0.64 0.17 36.44);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.91 0.02 243.82);
  --sidebar-accent-foreground: oklch(0.38 0.14 265.52);
  --sidebar-border: oklch(0.93 0.01 264.53);
  --sidebar-ring: oklch(0.64 0.17 36.44);
  --font-sans: var(--font-creator-inter), sans-serif;
  --font-serif: Source Serif 4, serif;
  --font-mono: JetBrains Mono, monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.1;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 1px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm:
    0px 1px 3px 0px hsl(0 0% 0% / 0.1), 0px 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow:
    0px 1px 3px 0px hsl(0 0% 0% / 0.1), 0px 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow-md:
    0px 1px 3px 0px hsl(0 0% 0% / 0.1), 0px 2px 4px -1px hsl(0 0% 0% / 0.1);
  --shadow-lg:
    0px 1px 3px 0px hsl(0 0% 0% / 0.1), 0px 4px 6px -1px hsl(0 0% 0% / 0.1);
  --shadow-xl:
    0px 1px 3px 0px hsl(0 0% 0% / 0.1), 0px 8px 10px -1px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0px 1px 3px 0px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
}
.dark [data-theme="tangerine"] {
  --background: oklch(0.26 0.03 262.67);
  --foreground: oklch(0.92 0 0);
  --card: oklch(0.31 0.03 268.64);
  --card-foreground: oklch(0.92 0 0);
  --popover: oklch(0.29 0.02 268.4);
  --popover-foreground: oklch(0.92 0 0);
  --primary: oklch(0.64 0.17 36.44);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.31 0.03 266.71);
  --secondary-foreground: oklch(0.92 0 0);
  --muted: oklch(0.31 0.03 266.71);
  --muted-foreground: oklch(0.72 0 0);
  --accent: oklch(0.34 0.06 267.59);
  --accent-foreground: oklch(0.88 0.06 254.13);
  --destructive: oklch(0.64 0.21 25.33);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.38 0.03 269.73);
  --input: oklch(0.38 0.03 269.73);
  --ring: oklch(0.64 0.17 36.44);
  --chart-1: oklch(0.72 0.06 248.68);
  --chart-2: oklch(0.77 0.09 34.19);
  --chart-3: oklch(0.58 0.08 254.16);
  --chart-4: oklch(0.5 0.08 259.49);
  --chart-5: oklch(0.42 0.1 264.03);
  --radius: 0.75rem;
  --sidebar: oklch(0.31 0.03 267.74);
  --sidebar-foreground: oklch(0.92 0 0);
  --sidebar-primary: oklch(0.64 0.17 36.44);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.34 0.06 267.59);
  --sidebar-accent-foreground: oklch(0.88 0.06 254.13);
  --sidebar-border: oklch(0.38 0.03 269.73);
  --sidebar-ring: oklch(0.64 0.17 36.44);
  --font-sans: var(--font-creator-inter), sans-serif;
  --font-serif: Source Serif 4, serif;
  --font-mono: JetBrains Mono, monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.1;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 1px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm:
    0px 1px 3px 0px hsl(0 0% 0% / 0.1), 0px 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow:
    0px 1px 3px 0px hsl(0 0% 0% / 0.1), 0px 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow-md:
    0px 1px 3px 0px hsl(0 0% 0% / 0.1), 0px 2px 4px -1px hsl(0 0% 0% / 0.1);
  --shadow-lg:
    0px 1px 3px 0px hsl(0 0% 0% / 0.1), 0px 4px 6px -1px hsl(0 0% 0% / 0.1);
  --shadow-xl:
    0px 1px 3px 0px hsl(0 0% 0% / 0.1), 0px 8px 10px -1px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0px 1px 3px 0px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
}
/* Twitch: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/twitch.css */
[data-theme="twitch"] {
  --background: oklch(0.97 0.002 0);
  --foreground: oklch(0.14 0.005 285);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.14 0.005 285);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.14 0.005 285);
  --primary: oklch(0.54 0.27 290);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.94 0.015 290);
  --secondary-foreground: oklch(0.2 0.01 285);
  --muted: oklch(0.95 0.005 0);
  --muted-foreground: oklch(0.5 0.01 285);
  --accent: oklch(0.48 0.26 290);
  --accent-foreground: oklch(1 0 0);
  --destructive: oklch(0.55 0.22 25);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.9 0.005 0);
  --input: oklch(0.92 0.005 0);
  --ring: oklch(0.54 0.27 290);
  --chart-1: oklch(0.54 0.27 290);
  --chart-2: oklch(0.48 0.26 290);
  --chart-3: oklch(0.65 0.18 200);
  --chart-4: oklch(0.7 0.15 150);
  --chart-5: oklch(0.6 0.2 340);
  --radius: 0.5rem;
  --sidebar: oklch(0.98 0.002 0);
  --sidebar-foreground: oklch(0.14 0.005 285);
  --sidebar-primary: oklch(0.54 0.27 290);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.94 0.015 290);
  --sidebar-accent-foreground: oklch(0.2 0.01 285);
  --sidebar-border: oklch(0.9 0.005 0);
  --sidebar-ring: oklch(0.54 0.27 290);
  --font-sans: var(--font-creator-inter), ui-sans-serif, system-ui, sans-serif;
  --font-serif: ui-serif, Georgia, serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", monospace;
  --shadow-color: hsl(263 100% 10%);
  --shadow-opacity: 0.08;
  --shadow-blur: 4px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0;
  --shadow-offset-y: 2px;
  --letter-spacing: -0.01em;
  --spacing: 0.25rem;
  --shadow-2xs: 0 1px 2px 0px hsl(263 100% 10% / 0.04);
  --shadow-xs: 0 1px 3px 0px hsl(263 100% 10% / 0.06);
  --shadow-sm:
    0 2px 4px 0px hsl(263 100% 10% / 0.08),
    0 1px 2px -1px hsl(263 100% 10% / 0.08);
  --shadow:
    0 2px 4px 0px hsl(263 100% 10% / 0.08),
    0 1px 2px -1px hsl(263 100% 10% / 0.08);
  --shadow-md:
    0 4px 6px 0px hsl(263 100% 10% / 0.1),
    0 2px 4px -1px hsl(263 100% 10% / 0.1);
  --shadow-lg:
    0 8px 10px 0px hsl(263 100% 10% / 0.1),
    0 4px 6px -1px hsl(263 100% 10% / 0.1);
  --shadow-xl:
    0 16px 20px 0px hsl(263 100% 10% / 0.12),
    0 8px 10px -1px hsl(263 100% 10% / 0.12);
  --shadow-2xl: 0 24px 48px 0px hsl(263 100% 10% / 0.2);
  --tracking-normal: -0.01em;
}
.dark [data-theme="twitch"] {
  --background: oklch(0.14 0.005 285);
  --foreground: oklch(0.95 0.003 0);
  --card: oklch(0.18 0.008 285);
  --card-foreground: oklch(0.95 0.003 0);
  --popover: oklch(0.2 0.008 285);
  --popover-foreground: oklch(0.95 0.003 0);
  --primary: oklch(0.54 0.27 290);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.22 0.008 285);
  --secondary-foreground: oklch(0.9 0.003 0);
  --muted: oklch(0.2 0.006 285);
  --muted-foreground: oklch(0.65 0.01 285);
  --accent: oklch(0.72 0.18 290);
  --accent-foreground: oklch(0.14 0.005 285);
  --destructive: oklch(0.6 0.2 25);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.28 0.01 285);
  --input: oklch(0.22 0.008 285);
  --ring: oklch(0.54 0.27 290);
  --chart-1: oklch(0.54 0.27 290);
  --chart-2: oklch(0.72 0.18 290);
  --chart-3: oklch(0.7 0.16 200);
  --chart-4: oklch(0.75 0.14 150);
  --chart-5: oklch(0.65 0.18 340);
  --radius: 0.5rem;
  --sidebar: oklch(0.12 0.005 285);
  --sidebar-foreground: oklch(0.95 0.003 0);
  --sidebar-primary: oklch(0.54 0.27 290);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.22 0.008 285);
  --sidebar-accent-foreground: oklch(0.9 0.003 0);
  --sidebar-border: oklch(0.28 0.01 285);
  --sidebar-ring: oklch(0.54 0.27 290);
  --font-sans: var(--font-creator-inter), ui-sans-serif, system-ui, sans-serif;
  --font-serif: ui-serif, Georgia, serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.4;
  --shadow-blur: 4px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0;
  --shadow-offset-y: 2px;
  --letter-spacing: -0.01em;
  --spacing: 0.25rem;
  --shadow-2xs: 0 1px 2px 0px hsl(0 0% 0% / 0.2);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.3);
  --shadow-sm:
    0 2px 4px 0px hsl(0 0% 0% / 0.4), 0 1px 2px -1px hsl(0 0% 0% / 0.4);
  --shadow: 0 2px 4px 0px hsl(0 0% 0% / 0.4), 0 1px 2px -1px hsl(0 0% 0% / 0.4);
  --shadow-md:
    0 4px 6px 0px hsl(0 0% 0% / 0.4), 0 2px 4px -1px hsl(0 0% 0% / 0.4);
  --shadow-lg:
    0 8px 10px 0px hsl(0 0% 0% / 0.4), 0 4px 6px -1px hsl(0 0% 0% / 0.4);
  --shadow-xl:
    0 16px 20px 0px hsl(0 0% 0% / 0.4), 0 8px 10px -1px hsl(0 0% 0% / 0.4);
  --shadow-2xl: 0 24px 48px 0px hsl(0 0% 0% / 0.5);
  --tracking-normal: -0.01em;
}
/* Twitter: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/twitter.css */
[data-theme="twitter"] {
  --background: oklch(1 0 0);
  --foreground: oklch(0.19 0.01 248.51);
  --card: oklch(0.98 0 197.14);
  --card-foreground: oklch(0.19 0.01 248.51);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.19 0.01 248.51);
  --primary: oklch(0.67 0.16 245);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.19 0.01 248.51);
  --secondary-foreground: oklch(1 0 0);
  --muted: oklch(0.92 0 286.37);
  --muted-foreground: oklch(0.19 0.01 248.51);
  --accent: oklch(0.94 0.02 250.85);
  --accent-foreground: oklch(0.67 0.16 245);
  --destructive: oklch(0.62 0.24 25.77);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.93 0.01 231.66);
  --input: oklch(0.98 0 228.78);
  --ring: oklch(0.68 0.16 243.35);
  --chart-1: oklch(0.67 0.16 245);
  --chart-2: oklch(0.69 0.16 160.35);
  --chart-3: oklch(0.82 0.16 82.53);
  --chart-4: oklch(0.71 0.18 151.71);
  --chart-5: oklch(0.59 0.22 10.58);
  --radius: 1.3rem;
  --sidebar: oklch(0.98 0 197.14);
  --sidebar-foreground: oklch(0.19 0.01 248.51);
  --sidebar-primary: oklch(0.67 0.16 245);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.94 0.02 250.85);
  --sidebar-accent-foreground: oklch(0.67 0.16 245);
  --sidebar-border: oklch(0.93 0.01 238.52);
  --sidebar-ring: oklch(0.68 0.16 243.35);
  --font-sans: Open Sans, sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: Menlo, monospace;
  --shadow-color: rgba(29, 161, 242, 0.15);
  --shadow-opacity: 0;
  --shadow-blur: 0px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 2px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 2px 0px 0px hsl(202.82 89.12% 53.14% / 0);
  --shadow-xs: 0px 2px 0px 0px hsl(202.82 89.12% 53.14% / 0);
  --shadow-sm:
    0px 2px 0px 0px hsl(202.82 89.12% 53.14% / 0),
    0px 1px 2px -1px hsl(202.82 89.12% 53.14% / 0);
  --shadow:
    0px 2px 0px 0px hsl(202.82 89.12% 53.14% / 0),
    0px 1px 2px -1px hsl(202.82 89.12% 53.14% / 0);
  --shadow-md:
    0px 2px 0px 0px hsl(202.82 89.12% 53.14% / 0),
    0px 2px 4px -1px hsl(202.82 89.12% 53.14% / 0);
  --shadow-lg:
    0px 2px 0px 0px hsl(202.82 89.12% 53.14% / 0),
    0px 4px 6px -1px hsl(202.82 89.12% 53.14% / 0);
  --shadow-xl:
    0px 2px 0px 0px hsl(202.82 89.12% 53.14% / 0),
    0px 8px 10px -1px hsl(202.82 89.12% 53.14% / 0);
  --shadow-2xl: 0px 2px 0px 0px hsl(202.82 89.12% 53.14% / 0);
  --tracking-normal: 0em;
}
.dark [data-theme="twitter"] {
  --background: oklch(0 0 0);
  --foreground: oklch(0.93 0 228.79);
  --card: oklch(0.21 0.01 274.53);
  --card-foreground: oklch(0.89 0 0);
  --popover: oklch(0 0 0);
  --popover-foreground: oklch(0.93 0 228.79);
  --primary: oklch(0.67 0.16 245.01);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.96 0 219.53);
  --secondary-foreground: oklch(0.19 0.01 248.51);
  --muted: oklch(0.21 0 0);
  --muted-foreground: oklch(0.56 0.01 247.97);
  --accent: oklch(0.19 0.03 242.55);
  --accent-foreground: oklch(0.67 0.16 245.01);
  --destructive: oklch(0.62 0.24 25.77);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.27 0 248);
  --input: oklch(0.3 0.03 244.82);
  --ring: oklch(0.68 0.16 243.35);
  --chart-1: oklch(0.67 0.16 245);
  --chart-2: oklch(0.69 0.16 160.35);
  --chart-3: oklch(0.82 0.16 82.53);
  --chart-4: oklch(0.71 0.18 151.71);
  --chart-5: oklch(0.59 0.22 10.58);
  --radius: 1.3rem;
  --sidebar: oklch(0.21 0.01 274.53);
  --sidebar-foreground: oklch(0.89 0 0);
  --sidebar-primary: oklch(0.68 0.16 243.35);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.19 0.03 242.55);
  --sidebar-accent-foreground: oklch(0.67 0.16 245.01);
  --sidebar-border: oklch(0.38 0.02 240.59);
  --sidebar-ring: oklch(0.68 0.16 243.35);
  --font-sans: Open Sans, sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: Menlo, monospace;
  --shadow-color: rgba(29, 161, 242, 0.25);
  --shadow-opacity: 0;
  --shadow-blur: 0px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 2px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 2px 0px 0px hsl(202.82 89.12% 53.14% / 0);
  --shadow-xs: 0px 2px 0px 0px hsl(202.82 89.12% 53.14% / 0);
  --shadow-sm:
    0px 2px 0px 0px hsl(202.82 89.12% 53.14% / 0),
    0px 1px 2px -1px hsl(202.82 89.12% 53.14% / 0);
  --shadow:
    0px 2px 0px 0px hsl(202.82 89.12% 53.14% / 0),
    0px 1px 2px -1px hsl(202.82 89.12% 53.14% / 0);
  --shadow-md:
    0px 2px 0px 0px hsl(202.82 89.12% 53.14% / 0),
    0px 2px 4px -1px hsl(202.82 89.12% 53.14% / 0);
  --shadow-lg:
    0px 2px 0px 0px hsl(202.82 89.12% 53.14% / 0),
    0px 4px 6px -1px hsl(202.82 89.12% 53.14% / 0);
  --shadow-xl:
    0px 2px 0px 0px hsl(202.82 89.12% 53.14% / 0),
    0px 8px 10px -1px hsl(202.82 89.12% 53.14% / 0);
  --shadow-2xl: 0px 2px 0px 0px hsl(202.82 89.12% 53.14% / 0);
  --tracking-normal: 0em;
}
/* Vercel: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/vercel.css */
[data-theme="vercel"] {
  --background: oklch(0.99 0 0);
  --foreground: oklch(0 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0 0 0);
  --popover: oklch(0.99 0 0);
  --popover-foreground: oklch(0 0 0);
  --primary: oklch(0 0 0);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.94 0 0);
  --secondary-foreground: oklch(0 0 0);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.44 0 0);
  --accent: oklch(0.94 0 0);
  --accent-foreground: oklch(0 0 0);
  --destructive: oklch(0.63 0.19 23.03);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.92 0 0);
  --input: oklch(0.94 0 0);
  --ring: oklch(0 0 0);
  --chart-1: oklch(0.81 0.17 75.35);
  --chart-2: oklch(0.55 0.22 264.53);
  --chart-3: oklch(0.72 0 0);
  --chart-4: oklch(0.92 0 0);
  --chart-5: oklch(0.56 0 0);
  --radius: 0.5rem;
  --sidebar: oklch(0.99 0 0);
  --sidebar-foreground: oklch(0 0 0);
  --sidebar-primary: oklch(0 0 0);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.94 0 0);
  --sidebar-accent-foreground: oklch(0 0 0);
  --sidebar-border: oklch(0.94 0 0);
  --sidebar-ring: oklch(0 0 0);
  --font-sans: var(--font-geist-sans), sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: var(--font-geist-mono), monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.18;
  --shadow-blur: 2px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 1px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 1px 2px 0px hsl(0 0% 0% / 0.09);
  --shadow-xs: 0px 1px 2px 0px hsl(0 0% 0% / 0.09);
  --shadow-sm:
    0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 1px 2px -1px hsl(0 0% 0% / 0.18);
  --shadow:
    0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 1px 2px -1px hsl(0 0% 0% / 0.18);
  --shadow-md:
    0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 2px 4px -1px hsl(0 0% 0% / 0.18);
  --shadow-lg:
    0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 4px 6px -1px hsl(0 0% 0% / 0.18);
  --shadow-xl:
    0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 8px 10px -1px hsl(0 0% 0% / 0.18);
  --shadow-2xl: 0px 1px 2px 0px hsl(0 0% 0% / 0.45);
  --tracking-normal: 0em;
}
.dark [data-theme="vercel"] {
  --background: oklch(0 0 0);
  --foreground: oklch(1 0 0);
  --card: oklch(0.14 0 0);
  --card-foreground: oklch(1 0 0);
  --popover: oklch(0.18 0 0);
  --popover-foreground: oklch(1 0 0);
  --primary: oklch(1 0 0);
  --primary-foreground: oklch(0 0 0);
  --secondary: oklch(0.25 0 0);
  --secondary-foreground: oklch(1 0 0);
  --muted: oklch(0.23 0 0);
  --muted-foreground: oklch(0.72 0 0);
  --accent: oklch(0.32 0 0);
  --accent-foreground: oklch(1 0 0);
  --destructive: oklch(0.69 0.2 23.91);
  --destructive-foreground: oklch(0 0 0);
  --border: oklch(0.26 0 0);
  --input: oklch(0.32 0 0);
  --ring: oklch(0.72 0 0);
  --chart-1: oklch(0.81 0.17 75.35);
  --chart-2: oklch(0.58 0.21 260.84);
  --chart-3: oklch(0.56 0 0);
  --chart-4: oklch(0.44 0 0);
  --chart-5: oklch(0.92 0 0);
  --radius: 0.5rem;
  --sidebar: oklch(0.18 0 0);
  --sidebar-foreground: oklch(1 0 0);
  --sidebar-primary: oklch(1 0 0);
  --sidebar-primary-foreground: oklch(0 0 0);
  --sidebar-accent: oklch(0.32 0 0);
  --sidebar-accent-foreground: oklch(1 0 0);
  --sidebar-border: oklch(0.32 0 0);
  --sidebar-ring: oklch(0.72 0 0);
  --font-sans: var(--font-geist-sans), sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: var(--font-geist-mono), monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.18;
  --shadow-blur: 2px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 1px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 1px 2px 0px hsl(0 0% 0% / 0.09);
  --shadow-xs: 0px 1px 2px 0px hsl(0 0% 0% / 0.09);
  --shadow-sm:
    0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 1px 2px -1px hsl(0 0% 0% / 0.18);
  --shadow:
    0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 1px 2px -1px hsl(0 0% 0% / 0.18);
  --shadow-md:
    0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 2px 4px -1px hsl(0 0% 0% / 0.18);
  --shadow-lg:
    0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 4px 6px -1px hsl(0 0% 0% / 0.18);
  --shadow-xl:
    0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 8px 10px -1px hsl(0 0% 0% / 0.18);
  --shadow-2xl: 0px 1px 2px 0px hsl(0 0% 0% / 0.45);
  --tracking-normal: 0em;
}
/* Vintage Paper: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/vintage-paper.css */
[data-theme="vintage-paper"] {
  --background: oklch(0.96 0.02 90.24);
  --foreground: oklch(0.38 0.02 64.34);
  --card: oklch(0.99 0.01 87.47);
  --card-foreground: oklch(0.38 0.02 64.34);
  --popover: oklch(0.99 0.01 87.47);
  --popover-foreground: oklch(0.38 0.02 64.34);
  --primary: oklch(0.62 0.08 65.54);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.88 0.03 85.57);
  --secondary-foreground: oklch(0.43 0.03 64.93);
  --muted: oklch(0.92 0.02 83.06);
  --muted-foreground: oklch(0.54 0.04 71.17);
  --accent: oklch(0.83 0.04 88.81);
  --accent-foreground: oklch(0.38 0.02 64.34);
  --destructive: oklch(0.55 0.14 32.91);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.86 0.03 84.59);
  --input: oklch(0.86 0.03 84.59);
  --ring: oklch(0.62 0.08 65.54);
  --chart-1: oklch(0.62 0.08 65.54);
  --chart-2: oklch(0.56 0.06 68.58);
  --chart-3: oklch(0.49 0.06 72.68);
  --chart-4: oklch(0.68 0.06 64.78);
  --chart-5: oklch(0.73 0.06 66.7);
  --radius: 0.25rem;
  --sidebar: oklch(0.92 0.02 83.06);
  --sidebar-foreground: oklch(0.38 0.02 64.34);
  --sidebar-primary: oklch(0.62 0.08 65.54);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.83 0.04 88.81);
  --sidebar-accent-foreground: oklch(0.38 0.02 64.34);
  --sidebar-border: oklch(0.86 0.03 84.59);
  --sidebar-ring: oklch(0.62 0.08 65.54);
  --font-sans: Libre Baskerville, serif;
  --font-serif: Lora, serif;
  --font-mono: IBM Plex Mono, monospace;
  --shadow-color: hsl(28 13% 20%);
  --shadow-opacity: 0.12;
  --shadow-blur: 5px;
  --shadow-spread: 0px;
  --shadow-offset-x: 2px;
  --shadow-offset-y: 3px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 2px 3px 5px 0px hsl(28 13% 20% / 0.06);
  --shadow-xs: 2px 3px 5px 0px hsl(28 13% 20% / 0.06);
  --shadow-sm:
    2px 3px 5px 0px hsl(28 13% 20% / 0.12),
    2px 1px 2px -1px hsl(28 13% 20% / 0.12);
  --shadow:
    2px 3px 5px 0px hsl(28 13% 20% / 0.12),
    2px 1px 2px -1px hsl(28 13% 20% / 0.12);
  --shadow-md:
    2px 3px 5px 0px hsl(28 13% 20% / 0.12),
    2px 2px 4px -1px hsl(28 13% 20% / 0.12);
  --shadow-lg:
    2px 3px 5px 0px hsl(28 13% 20% / 0.12),
    2px 4px 6px -1px hsl(28 13% 20% / 0.12);
  --shadow-xl:
    2px 3px 5px 0px hsl(28 13% 20% / 0.12),
    2px 8px 10px -1px hsl(28 13% 20% / 0.12);
  --shadow-2xl: 2px 3px 5px 0px hsl(28 13% 20% / 0.3);
  --tracking-normal: 0em;
}
.dark [data-theme="vintage-paper"] {
  --background: oklch(0.27 0.01 57.65);
  --foreground: oklch(0.92 0.02 83.06);
  --card: oklch(0.32 0.02 59.06);
  --card-foreground: oklch(0.92 0.02 83.06);
  --popover: oklch(0.32 0.02 59.06);
  --popover-foreground: oklch(0.92 0.02 83.06);
  --primary: oklch(0.73 0.06 66.7);
  --primary-foreground: oklch(0.27 0.01 57.65);
  --secondary: oklch(0.38 0.02 57.13);
  --secondary-foreground: oklch(0.92 0.02 83.06);
  --muted: oklch(0.32 0.02 59.06);
  --muted-foreground: oklch(0.8 0.02 82.11);
  --accent: oklch(0.42 0.03 56.34);
  --accent-foreground: oklch(0.92 0.02 83.06);
  --destructive: oklch(0.55 0.14 32.91);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.38 0.02 57.13);
  --input: oklch(0.38 0.02 57.13);
  --ring: oklch(0.73 0.06 66.7);
  --chart-1: oklch(0.73 0.06 66.7);
  --chart-2: oklch(0.68 0.06 64.78);
  --chart-3: oklch(0.62 0.08 65.54);
  --chart-4: oklch(0.56 0.06 68.58);
  --chart-5: oklch(0.49 0.06 72.68);
  --radius: 0.25rem;
  --sidebar: oklch(0.27 0.01 57.65);
  --sidebar-foreground: oklch(0.92 0.02 83.06);
  --sidebar-primary: oklch(0.73 0.06 66.7);
  --sidebar-primary-foreground: oklch(0.27 0.01 57.65);
  --sidebar-accent: oklch(0.42 0.03 56.34);
  --sidebar-accent-foreground: oklch(0.92 0.02 83.06);
  --sidebar-border: oklch(0.38 0.02 57.13);
  --sidebar-ring: oklch(0.73 0.06 66.7);
  --font-sans: Libre Baskerville, serif;
  --font-serif: Lora, serif;
  --font-mono: IBM Plex Mono, monospace;
  --shadow-color: hsl(28 13% 20%);
  --shadow-opacity: 0.12;
  --shadow-blur: 5px;
  --shadow-spread: 0px;
  --shadow-offset-x: 2px;
  --shadow-offset-y: 3px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --shadow-2xs: 2px 3px 5px 0px hsl(28 13% 20% / 0.06);
  --shadow-xs: 2px 3px 5px 0px hsl(28 13% 20% / 0.06);
  --shadow-sm:
    2px 3px 5px 0px hsl(28 13% 20% / 0.12),
    2px 1px 2px -1px hsl(28 13% 20% / 0.12);
  --shadow:
    2px 3px 5px 0px hsl(28 13% 20% / 0.12),
    2px 1px 2px -1px hsl(28 13% 20% / 0.12);
  --shadow-md:
    2px 3px 5px 0px hsl(28 13% 20% / 0.12),
    2px 2px 4px -1px hsl(28 13% 20% / 0.12);
  --shadow-lg:
    2px 3px 5px 0px hsl(28 13% 20% / 0.12),
    2px 4px 6px -1px hsl(28 13% 20% / 0.12);
  --shadow-xl:
    2px 3px 5px 0px hsl(28 13% 20% / 0.12),
    2px 8px 10px -1px hsl(28 13% 20% / 0.12);
  --shadow-2xl: 2px 3px 5px 0px hsl(28 13% 20% / 0.3);
  --tracking-normal: 0em;
}
/* Windows98: https://github.com/BankkRoll/tweakcn-theme-picker/blob/7b261a42335d474a6be93ac77ec3f8186db70af7/registry/themes/windows98.css */
[data-theme="windows98"] {
  --background: oklch(0.5431 0.0927 194.7689);
  --foreground: oklch(0 0 0);
  --card: oklch(0.8078 0 0);
  --card-foreground: oklch(0 0 0);
  --popover: oklch(0.8078 0 0);
  --popover-foreground: oklch(0 0 0);
  --primary: oklch(0.2711 0.1879 264.052);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.5999 0 0);
  --secondary-foreground: oklch(0 0 0);
  --muted: oklch(0.5999 0 0);
  --muted-foreground: oklch(0 0 0);
  --accent: oklch(0.2711 0.1879 264.052);
  --accent-foreground: oklch(1 0 0);
  --destructive: oklch(0.628 0.2577 29.2339);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.5999 0 0);
  --input: oklch(1 0 0);
  --ring: oklch(0.2711 0.1879 264.052);
  --chart-1: oklch(0.2711 0.1879 264.052);
  --chart-2: oklch(0.5198 0.1769 142.4953);
  --chart-3: oklch(0.4209 0.1935 328.3634);
  --chart-4: oklch(0.628 0.2577 29.2339);
  --chart-5: oklch(0.5807 0.1266 109.7692);
  --radius: 0px;
  --sidebar: oklch(0.8078 0 0);
  --sidebar-foreground: oklch(0 0 0);
  --sidebar-primary: oklch(0.2711 0.1879 264.052);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.2711 0.1879 264.052);
  --sidebar-accent-foreground: oklch(1 0 0);
  --sidebar-border: oklch(0.5999 0 0);
  --sidebar-ring: oklch(0.2711 0.1879 264.052);
  --font-sans: "Pixelify Sans", sans-serif;
  --font-serif: "Pixelify Sans", serif;
  --font-mono: "Pixelify Sans", monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 1;
  --shadow-blur: 0px;
  --shadow-spread: 0px;
  --shadow-offset-x: 2px;
  --shadow-offset-y: 2px;
  --letter-spacing: 0.025rem;
  --spacing: 0.25rem;
  --shadow-2xs: 2px 2px 0px 0px hsl(0 0% 0% / 0.5);
  --shadow-xs: 2px 2px 0px 0px hsl(0 0% 0% / 0.5);
  --shadow-sm:
    2px 2px 0px 0px hsl(0 0% 0% / 1), 2px 1px 2px -1px hsl(0 0% 0% / 1);
  --shadow: 2px 2px 0px 0px hsl(0 0% 0% / 1), 2px 1px 2px -1px hsl(0 0% 0% / 1);
  --shadow-md:
    2px 2px 0px 0px hsl(0 0% 0% / 1), 2px 2px 4px -1px hsl(0 0% 0% / 1);
  --shadow-lg:
    2px 2px 0px 0px hsl(0 0% 0% / 1), 2px 4px 6px -1px hsl(0 0% 0% / 1);
  --shadow-xl:
    2px 2px 0px 0px hsl(0 0% 0% / 1), 2px 8px 10px -1px hsl(0 0% 0% / 1);
  --shadow-2xl: 2px 2px 0px 0px hsl(0 0% 0% / 2.5);
  --tracking-normal: 0.025rem;
}
.dark [data-theme="windows98"] {
  --background: oklch(0.5431 0.0927 194.7689);
  --foreground: oklch(0 0 0);
  --card: oklch(0.8078 0 0);
  --card-foreground: oklch(0 0 0);
  --popover: oklch(0.8078 0 0);
  --popover-foreground: oklch(0 0 0);
  --primary: oklch(0.2711 0.1879 264.052);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.5999 0 0);
  --secondary-foreground: oklch(0 0 0);
  --muted: oklch(0.5999 0 0);
  --muted-foreground: oklch(1 0 0);
  --accent: oklch(0.2711 0.1879 264.052);
  --accent-foreground: oklch(1 0 0);
  --destructive: oklch(0.628 0.2577 29.2339);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.5999 0 0);
  --input: oklch(1 0 0);
  --ring: oklch(0.2711 0.1879 264.052);
  --chart-1: oklch(0.2711 0.1879 264.052);
  --chart-2: oklch(0.5431 0.0927 194.7689);
  --chart-3: oklch(0.4209 0.1935 328.3634);
  --chart-4: oklch(0.628 0.2577 29.2339);
  --chart-5: oklch(0.8664 0.2948 142.4953);
  --radius: 0px;
  --sidebar: oklch(0.8078 0 0);
  --sidebar-foreground: oklch(0 0 0);
  --sidebar-primary: oklch(0.2711 0.1879 264.052);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.2711 0.1879 264.052);
  --sidebar-accent-foreground: oklch(1 0 0);
  --sidebar-border: oklch(0.5999 0 0);
  --sidebar-ring: oklch(0.2711 0.1879 264.052);
  --font-sans: "Pixelify Sans", sans-serif;
  --font-serif: "Pixelify Sans", serif;
  --font-mono: "Pixelify Sans", monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 1;
  --shadow-blur: 0px;
  --shadow-spread: 0px;
  --shadow-offset-x: 2px;
  --shadow-offset-y: 2px;
  --letter-spacing: 0.025rem;
  --spacing: 0.25rem;
  --shadow-2xs: 2px 2px 0px 0px hsl(0 0% 0% / 0.5);
  --shadow-xs: 2px 2px 0px 0px hsl(0 0% 0% / 0.5);
  --shadow-sm:
    2px 2px 0px 0px hsl(0 0% 0% / 1), 2px 1px 2px -1px hsl(0 0% 0% / 1);
  --shadow: 2px 2px 0px 0px hsl(0 0% 0% / 1), 2px 1px 2px -1px hsl(0 0% 0% / 1);
  --shadow-md:
    2px 2px 0px 0px hsl(0 0% 0% / 1), 2px 2px 4px -1px hsl(0 0% 0% / 1);
  --shadow-lg:
    2px 2px 0px 0px hsl(0 0% 0% / 1), 2px 4px 6px -1px hsl(0 0% 0% / 1);
  --shadow-xl:
    2px 2px 0px 0px hsl(0 0% 0% / 1), 2px 8px 10px -1px hsl(0 0% 0% / 1);
  --shadow-2xl: 2px 2px 0px 0px hsl(0 0% 0% / 2.5);
  --tracking-normal: 0.025rem;
}
[data-theme="secinnovation"] {
  --background: #f5f5f4;
  --foreground: #292929;
  --card: #ffffff;
  --card-foreground: #292929;
  --popover: #ffffff;
  --popover-foreground: #292929;
  --primary: #f39328;
  --primary-foreground: #ffffff;
  --secondary: #ececea;
  --secondary-foreground: #414141;
  --muted: #f0f0ee;
  --muted-foreground: #737373;
  --accent: #f9deb9;
  --accent-foreground: #7a410d;
  --destructive: #db443c;
  --destructive-foreground: #ffffff;
  --border: #d8d8d4;
  --input: #c8c8c4;
  --ring: #f39328;
  --chart-1: #f39328;
  --chart-2: #df443b;
  --chart-3: #707070;
  --chart-4: #6d91b5;
  --chart-5: #e3ba68;
  --sidebar: #f0f0ef;
  --sidebar-foreground: #2e2e2e;
  --sidebar-primary: #f39328;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #f8c886;
  --sidebar-accent-foreground: #53300c;
  --sidebar-border: #d4d4d1;
  --sidebar-ring: #f39328;
  --font-sans: var(--font-creator-inter), sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: var(--font-geist-mono), monospace;
  --radius: 0.75rem;
  --letter-spacing: -0.01em;
}
.dark [data-theme="secinnovation"] {
  --background: #252525;
  --foreground: #f8f8f6;
  --card: #353535;
  --card-foreground: #f8f8f6;
  --popover: #353535;
  --popover-foreground: #f8f8f6;
  --primary: #ffae5d;
  --primary-foreground: #3e210a;
  --secondary: #454545;
  --secondary-foreground: #eeeeeb;
  --muted: #303030;
  --muted-foreground: #c0c0bc;
  --accent: #805020;
  --accent-foreground: #fff0df;
  --destructive: #f08076;
  --destructive-foreground: #481b17;
  --border: #555555;
  --input: #555555;
  --ring: #ffae5d;
  --chart-1: #ffae5d;
  --chart-2: #ef665d;
  --chart-3: #b9b9b5;
  --chart-4: #89b4d8;
  --chart-5: #f0cb7b;
  --sidebar: #303030;
  --sidebar-foreground: #f4f4f1;
  --sidebar-primary: #ffae5d;
  --sidebar-primary-foreground: #3e210a;
  --sidebar-accent: #805020;
  --sidebar-accent-foreground: #fff0df;
  --sidebar-border: #555555;
  --sidebar-ring: #ffae5d;
  --font-sans: var(--font-creator-inter), sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: var(--font-geist-mono), monospace;
  --radius: 0.75rem;
  --letter-spacing: -0.01em;
}
[data-theme="oevp"] {
  --background: #ffffff;
  --foreground: #333333;
  --card: #f9f9f9;
  --card-foreground: #333333;
  --popover: #ffffff;
  --popover-foreground: #333333;
  --primary: #69c0d0;
  --primary-foreground: #ffffff;
  --secondary: #000000;
  --secondary-foreground: #ffffff;
  --muted: #e0e0e0;
  --muted-foreground: #666666;
  --accent: #69c0d0;
  --accent-foreground: #ffffff;
  --destructive: #cc0000;
  --destructive-foreground: #ffffff;
  --border: #cccccc;
  --input: #f4f4f4;
  --ring: #69c0d0;
  --chart-1: #69c0d0;
  --chart-2: #000000;
  --chart-3: #ffc107;
  --chart-4: #4caf50;
  --chart-5: #2196f3;
  --sidebar: #ffffff;
  --sidebar-foreground: #333333;
  --sidebar-primary: #69c0d0;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #f4f4f4;
  --sidebar-accent-foreground: #333333;
  --sidebar-border: #e0e0e0;
  --sidebar-ring: #69c0d0;
  --font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-serif: Georgia, "Times New Roman", Times, serif;
  --font-mono: Menlo, Monaco, Consolas, "Courier New", monospace;
  --radius: 1rem;
  --shadow-x: 0px;
  --shadow-y: 4px;
  --shadow-blur: 10px;
  --shadow-spread: 0px;
  --shadow-opacity: 0.1;
  --shadow-color: #000000;
  --shadow-2xs: 0px 4px 10px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0px 4px 10px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm:
    0px 4px 10px 0px hsl(0 0% 0% / 0.1), 0px 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow:
    0px 4px 10px 0px hsl(0 0% 0% / 0.1), 0px 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow-md:
    0px 4px 10px 0px hsl(0 0% 0% / 0.1), 0px 2px 4px -1px hsl(0 0% 0% / 0.1);
  --shadow-lg:
    0px 4px 10px 0px hsl(0 0% 0% / 0.1), 0px 4px 6px -1px hsl(0 0% 0% / 0.1);
  --shadow-xl:
    0px 4px 10px 0px hsl(0 0% 0% / 0.1), 0px 8px 10px -1px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0px 4px 10px 0px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0.01em;
  --spacing: 0.25rem;
  --letter-spacing: 0.01em;
}
.dark [data-theme="oevp"] {
  --background: #1a1a1a;
  --foreground: #f0f0f0;
  --card: #242424;
  --card-foreground: #f0f0f0;
  --popover: #1a1a1a;
  --popover-foreground: #f0f0f0;
  --primary: #69c0d0;
  --primary-foreground: #ffffff;
  --secondary: #ffffff;
  --secondary-foreground: #000000;
  --muted: #333333;
  --muted-foreground: #aaaaaa;
  --accent: #69c0d0;
  --accent-foreground: #ffffff;
  --destructive: #ff4444;
  --destructive-foreground: #ffffff;
  --border: #444444;
  --input: #2a2a2a;
  --ring: #69c0d0;
  --chart-1: #69c0d0;
  --chart-2: #ffffff;
  --chart-3: #ffd54f;
  --chart-4: #81c784;
  --chart-5: #64b5f6;
  --sidebar: #1a1a1a;
  --sidebar-foreground: #f0f0f0;
  --sidebar-primary: #69c0d0;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #2a2a2a;
  --sidebar-accent-foreground: #f0f0f0;
  --sidebar-border: #333333;
  --sidebar-ring: #69c0d0;
  --font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-serif: Georgia, "Times New Roman", Times, serif;
  --font-mono: Menlo, Monaco, Consolas, "Courier New", monospace;
  --radius: 1rem;
  --shadow-x: 0px;
  --shadow-y: 4px;
  --shadow-blur: 15px;
  --shadow-spread: 0px;
  --shadow-opacity: 0.3;
  --shadow-color: #000000;
  --shadow-2xs: 0px 4px 15px 0px hsl(0 0% 0% / 0.15);
  --shadow-xs: 0px 4px 15px 0px hsl(0 0% 0% / 0.15);
  --shadow-sm:
    0px 4px 15px 0px hsl(0 0% 0% / 0.3), 0px 1px 2px -1px hsl(0 0% 0% / 0.3);
  --shadow:
    0px 4px 15px 0px hsl(0 0% 0% / 0.3), 0px 1px 2px -1px hsl(0 0% 0% / 0.3);
  --shadow-md:
    0px 4px 15px 0px hsl(0 0% 0% / 0.3), 0px 2px 4px -1px hsl(0 0% 0% / 0.3);
  --shadow-lg:
    0px 4px 15px 0px hsl(0 0% 0% / 0.3), 0px 4px 6px -1px hsl(0 0% 0% / 0.3);
  --shadow-xl:
    0px 4px 15px 0px hsl(0 0% 0% / 0.3), 0px 8px 10px -1px hsl(0 0% 0% / 0.3);
  --shadow-2xl: 0px 4px 15px 0px hsl(0 0% 0% / 0.75);
  --tracking-normal: 0.01em;
  --spacing: 0.25rem;
  --letter-spacing: 0.01em;
}
[data-theme="skydancer"] {
  --background: #fdfcfc;
  --foreground: #172c3b;
  --card: #fafafa;
  --card-foreground: #172c3b;
  --popover: #fdfcfc;
  --popover-foreground: #172c3b;
  --primary: #339ccc;
  --primary-foreground: #f3f2f2;
  --secondary: #dfe3e7;
  --secondary-foreground: #172c3b;
  --muted: #e6e9eb;
  --muted-foreground: #3c505d;
  --accent: #e3ebf2;
  --accent-foreground: #172c3b;
  --destructive: #db334a;
  --destructive-foreground: #fdfcfc;
  --border: #d7dbe0;
  --input: #cdd3da;
  --ring: #3eaeea;
  --chart-1: #36b2e7;
  --chart-2: #8fecff;
  --chart-3: #f05c97;
  --chart-4: #75eabe;
  --chart-5: #a571f4;
  --sidebar: #f1f2f3;
  --sidebar-foreground: #172c3b;
  --sidebar-primary: #1f627f;
  --sidebar-primary-foreground: #fcf7f6;
  --sidebar-accent: #d5e4f0;
  --sidebar-accent-foreground: #ffffff;
  --sidebar-border: #c7cfd6;
  --sidebar-ring: #76bee5;
  --font-sans: Google Sans, ui-sans-serif, sans-serif, system-ui;
  --font-serif: Trykker, ui-serif, serif;
  --font-mono: Fragment Mono, ui-monospace, monospace;
  --radius: 0.35rem;
  --shadow-x: 0;
  --shadow-y: 1px;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-opacity: 0.05;
  --shadow-color: #19455c;
  --shadow-2xs: 0 1px 3px 0px hsl(200.597 57.2650% 22.9412% / 0.03);
  --shadow-xs: 0 1px 3px 0px hsl(200.597 57.2650% 22.9412% / 0.03);
  --shadow-sm:
    0 1px 3px 0px hsl(200.597 57.2650% 22.9412% / 0.05),
    0 1px 2px -1px hsl(200.597 57.2650% 22.9412% / 0.05);
  --shadow:
    0 1px 3px 0px hsl(200.597 57.2650% 22.9412% / 0.05),
    0 1px 2px -1px hsl(200.597 57.2650% 22.9412% / 0.05);
  --shadow-md:
    0 1px 3px 0px hsl(200.597 57.2650% 22.9412% / 0.05),
    0 2px 4px -1px hsl(200.597 57.2650% 22.9412% / 0.05);
  --shadow-lg:
    0 1px 3px 0px hsl(200.597 57.2650% 22.9412% / 0.05),
    0 4px 6px -1px hsl(200.597 57.2650% 22.9412% / 0.05);
  --shadow-xl:
    0 1px 3px 0px hsl(200.597 57.2650% 22.9412% / 0.05),
    0 8px 10px -1px hsl(200.597 57.2650% 22.9412% / 0.05);
  --shadow-2xl: 0 1px 3px 0px hsl(200.597 57.2650% 22.9412% / 0.13);
  --tracking-normal: 0em;
  --spacing: 0.25rem;
  --letter-spacing: 0em;
}
.dark [data-theme="skydancer"] {
  --background: #151d23;
  --foreground: #f2f2f3;
  --card: #151d23;
  --card-foreground: #f2f2f3;
  --popover: #151d23;
  --popover-foreground: #f2f2f3;
  --primary: #67bfe4;
  --primary-foreground: #151d23;
  --secondary: #202a31;
  --secondary-foreground: #f2f2f3;
  --muted: #283239;
  --muted-foreground: #aeb4b7;
  --accent: #2d3a43;
  --accent-foreground: #f2f2f3;
  --destructive: #d84f4f;
  --destructive-foreground: #ebecef;
  --border: #323d43;
  --input: #637883;
  --ring: #a3f0ff;
  --chart-1: #36b2e7;
  --chart-2: #8fecff;
  --chart-3: #f05c97;
  --chart-4: #75eabe;
  --chart-5: #a571f4;
  --sidebar: #1c252c;
  --sidebar-foreground: #f2f2f3;
  --sidebar-primary: #67bfe4;
  --sidebar-primary-foreground: #151d23;
  --sidebar-accent: #2d3a43;
  --sidebar-accent-foreground: #f2f2f3;
  --sidebar-border: #323d43;
  --sidebar-ring: #8bddf9;
  --font-sans: Google Sans, ui-sans-serif, sans-serif, system-ui;
  --font-serif: Trykker, ui-serif, serif;
  --font-mono: Fragment Mono, ui-monospace, monospace;
  --radius: 0.35rem;
  --shadow-x: 0;
  --shadow-y: 1px;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-opacity: 0.05;
  --shadow-color: oklch(0 0 0);
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.03);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.03);
  --shadow-sm:
    0 1px 3px 0px hsl(0 0% 0% / 0.05), 0 1px 2px -1px hsl(0 0% 0% / 0.05);
  --shadow:
    0 1px 3px 0px hsl(0 0% 0% / 0.05), 0 1px 2px -1px hsl(0 0% 0% / 0.05);
  --shadow-md:
    0 1px 3px 0px hsl(0 0% 0% / 0.05), 0 2px 4px -1px hsl(0 0% 0% / 0.05);
  --shadow-lg:
    0 1px 3px 0px hsl(0 0% 0% / 0.05), 0 4px 6px -1px hsl(0 0% 0% / 0.05);
  --shadow-xl:
    0 1px 3px 0px hsl(0 0% 0% / 0.05), 0 8px 10px -1px hsl(0 0% 0% / 0.05);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.13);
  --tracking-normal: 0em;
  --spacing: 0.25rem;
  --letter-spacing: 0em;
}
[data-theme="greenland-mimimal"] {
  --background: #fcfdfa;
  --foreground: #1a1d13;
  --card: #f4f6f0;
  --card-foreground: #1a1d13;
  --popover: #ffffff;
  --popover-foreground: #1a1d13;
  --primary: #3c511d;
  --primary-foreground: #ffffff;
  --secondary: #edf2e6;
  --secondary-foreground: #3c511d;
  --muted: #e2e8da;
  --muted-foreground: #5d6652;
  --accent: #3c511d;
  --accent-foreground: #ffffff;
  --destructive: #9e1a1a;
  --destructive-foreground: #ffffff;
  --border: #e5e7eb;
  --input: #f4f6f0;
  --ring: #3c511d;
  --chart-1: #3c511d;
  --chart-2: #5a7532;
  --chart-3: #7ea354;
  --chart-4: #a3cc74;
  --chart-5: #c8f09d;
  --sidebar: #f4f6f0;
  --sidebar-foreground: #1a1d13;
  --sidebar-primary: #3c511d;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #fcfdfa;
  --sidebar-accent-foreground: #1a1d13;
  --sidebar-border: #e5e7eb;
  --sidebar-ring: #3c511d;
  --font-sans: var(--font-creator-inter), sans-serif;
  --font-serif: "Lora", serif;
  --font-mono: "Fira Code", monospace;
  --radius: 4px;
  --shadow-x: 0px;
  --shadow-y: 2px;
  --shadow-blur: 10px;
  --shadow-spread: 0px;
  --shadow-opacity: 0.03;
  --shadow-color: #000000;
  --shadow-2xs: 0px 2px 10px 0px hsl(0 0% 0% / 0.01);
  --shadow-xs: 0px 2px 10px 0px hsl(0 0% 0% / 0.01);
  --shadow-sm:
    0px 2px 10px 0px hsl(0 0% 0% / 0.03), 0px 1px 2px -1px hsl(0 0% 0% / 0.03);
  --shadow:
    0px 2px 10px 0px hsl(0 0% 0% / 0.03), 0px 1px 2px -1px hsl(0 0% 0% / 0.03);
  --shadow-md:
    0px 2px 10px 0px hsl(0 0% 0% / 0.03), 0px 2px 4px -1px hsl(0 0% 0% / 0.03);
  --shadow-lg:
    0px 2px 10px 0px hsl(0 0% 0% / 0.03), 0px 4px 6px -1px hsl(0 0% 0% / 0.03);
  --shadow-xl:
    0px 2px 10px 0px hsl(0 0% 0% / 0.03), 0px 8px 10px -1px hsl(0 0% 0% / 0.03);
  --shadow-2xl: 0px 2px 10px 0px hsl(0 0% 0% / 0.07);
  --tracking-normal: -0.01em;
  --spacing: 0.25rem;
  --letter-spacing: -0.01em;
}
.dark [data-theme="greenland-mimimal"] {
  --background: #0d0f0a;
  --foreground: #e6f5d8;
  --card: #14170f;
  --card-foreground: #e6f5d8;
  --popover: #0d0f0a;
  --popover-foreground: #e6f5d8;
  --primary: #a7cd81;
  --primary-foreground: #0d0f0a;
  --secondary: #1a1e14;
  --secondary-foreground: #e6f5d8;
  --muted: #1e2318;
  --muted-foreground: #8c9680;
  --accent: #a7cd81;
  --accent-foreground: #0d0f0a;
  --destructive: #b91c1c;
  --destructive-foreground: #ffffff;
  --border: #1f2937;
  --input: #14170f;
  --ring: #a7cd81;
  --chart-1: #a7cd81;
  --chart-2: #c8f09d;
  --chart-3: #e6f5d8;
  --chart-4: #7ea354;
  --chart-5: #5a7532;
  --sidebar: #090b07;
  --sidebar-foreground: #e6f5d8;
  --sidebar-primary: #a7cd81;
  --sidebar-primary-foreground: #0d0f0a;
  --sidebar-accent: #14170f;
  --sidebar-accent-foreground: #e6f5d8;
  --sidebar-border: #1f2937;
  --sidebar-ring: #a7cd81;
  --font-sans: var(--font-creator-inter), sans-serif;
  --font-serif: "Lora", serif;
  --font-mono: "Fira Code", monospace;
  --radius: 4px;
  --shadow-x: 0px;
  --shadow-y: 4px;
  --shadow-blur: 15px;
  --shadow-spread: 0px;
  --shadow-opacity: 0.3;
  --shadow-color: #000000;
  --shadow-2xs: 0px 4px 15px 0px hsl(0 0% 0% / 0.15);
  --shadow-xs: 0px 4px 15px 0px hsl(0 0% 0% / 0.15);
  --shadow-sm:
    0px 4px 15px 0px hsl(0 0% 0% / 0.3), 0px 1px 2px -1px hsl(0 0% 0% / 0.3);
  --shadow:
    0px 4px 15px 0px hsl(0 0% 0% / 0.3), 0px 1px 2px -1px hsl(0 0% 0% / 0.3);
  --shadow-md:
    0px 4px 15px 0px hsl(0 0% 0% / 0.3), 0px 2px 4px -1px hsl(0 0% 0% / 0.3);
  --shadow-lg:
    0px 4px 15px 0px hsl(0 0% 0% / 0.3), 0px 4px 6px -1px hsl(0 0% 0% / 0.3);
  --shadow-xl:
    0px 4px 15px 0px hsl(0 0% 0% / 0.3), 0px 8px 10px -1px hsl(0 0% 0% / 0.3);
  --shadow-2xl: 0px 4px 15px 0px hsl(0 0% 0% / 0.75);
  --tracking-normal: -0.01em;
  --spacing: 0.25rem;
  --letter-spacing: -0.01em;
}
[data-theme="greenland"] {
  --background: #c2d1b0;
  --foreground: #1a1d13;
  --card: #d8e2cb;
  --card-foreground: #1a1d13;
  --popover: #ffffff;
  --popover-foreground: #1a1d13;
  --primary: #3c4a24;
  --primary-foreground: #ffffff;
  --secondary: #e6eee0;
  --secondary-foreground: #3c4a24;
  --muted: #b5c4a1;
  --muted-foreground: #4b543e;
  --accent: #3c4a24;
  --accent-foreground: #ffffff;
  --destructive: #7f1d1d;
  --destructive-foreground: #ffffff;
  --border: #a7b892;
  --input: #e6eee0;
  --ring: #3c4a24;
  --chart-1: #3c4a24;
  --chart-2: #5a6b3d;
  --chart-3: #7e8f5f;
  --chart-4: #a3b284;
  --chart-5: #c8d5ab;
  --sidebar: #d8e2cb;
  --sidebar-foreground: #1a1d13;
  --sidebar-primary: #3c4a24;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #c2d1b0;
  --sidebar-accent-foreground: #1a1d13;
  --sidebar-border: #a7b892;
  --sidebar-ring: #3c4a24;
  --font-sans: var(--font-creator-inter), sans-serif;
  --font-serif: "Lora", serif;
  --font-mono: "Fira Code", monospace;
  --radius: 0rem;
  --shadow-x: 0px;
  --shadow-y: 2px;
  --shadow-blur: 4px;
  --shadow-spread: 0px;
  --shadow-opacity: 0.05;
  --shadow-color: #000000;
  --shadow-2xs: 0px 2px 4px 0px hsl(0 0% 0% / 0.03);
  --shadow-xs: 0px 2px 4px 0px hsl(0 0% 0% / 0.03);
  --shadow-sm:
    0px 2px 4px 0px hsl(0 0% 0% / 0.05), 0px 1px 2px -1px hsl(0 0% 0% / 0.05);
  --shadow:
    0px 2px 4px 0px hsl(0 0% 0% / 0.05), 0px 1px 2px -1px hsl(0 0% 0% / 0.05);
  --shadow-md:
    0px 2px 4px 0px hsl(0 0% 0% / 0.05), 0px 2px 4px -1px hsl(0 0% 0% / 0.05);
  --shadow-lg:
    0px 2px 4px 0px hsl(0 0% 0% / 0.05), 0px 4px 6px -1px hsl(0 0% 0% / 0.05);
  --shadow-xl:
    0px 2px 4px 0px hsl(0 0% 0% / 0.05), 0px 8px 10px -1px hsl(0 0% 0% / 0.05);
  --shadow-2xl: 0px 2px 4px 0px hsl(0 0% 0% / 0.13);
  --tracking-normal: -0.01em;
  --spacing: 0.25rem;
  --letter-spacing: -0.01em;
}
.dark [data-theme="greenland"] {
  --background: #1a1d13;
  --foreground: #e6eee0;
  --card: #242a1b;
  --card-foreground: #e6eee0;
  --popover: #1a1d13;
  --popover-foreground: #e6eee0;
  --primary: #a7b892;
  --primary-foreground: #1a1d13;
  --secondary: #3c4a24;
  --secondary-foreground: #e6eee0;
  --muted: #2a3121;
  --muted-foreground: #a7b892;
  --accent: #a7b892;
  --accent-foreground: #1a1d13;
  --destructive: #991b1b;
  --destructive-foreground: #ffffff;
  --border: #3c4a24;
  --input: #242a1b;
  --ring: #a7b892;
  --chart-1: #a7b892;
  --chart-2: #c8d5ab;
  --chart-3: #e6eee0;
  --chart-4: #7e8f5f;
  --chart-5: #5a6b3d;
  --sidebar: #14170f;
  --sidebar-foreground: #e6eee0;
  --sidebar-primary: #a7b892;
  --sidebar-primary-foreground: #1a1d13;
  --sidebar-accent: #242a1b;
  --sidebar-accent-foreground: #e6eee0;
  --sidebar-border: #3c4a24;
  --sidebar-ring: #a7b892;
  --font-sans: var(--font-creator-inter), sans-serif;
  --font-serif: "Lora", serif;
  --font-mono: "Fira Code", monospace;
  --radius: 0rem;
  --shadow-x: 0px;
  --shadow-y: 4px;
  --shadow-blur: 8px;
  --shadow-spread: 0px;
  --shadow-opacity: 0.4;
  --shadow-color: #000000;
  --shadow-2xs: 0px 4px 8px 0px hsl(0 0% 0% / 0.2);
  --shadow-xs: 0px 4px 8px 0px hsl(0 0% 0% / 0.2);
  --shadow-sm:
    0px 4px 8px 0px hsl(0 0% 0% / 0.4), 0px 1px 2px -1px hsl(0 0% 0% / 0.4);
  --shadow:
    0px 4px 8px 0px hsl(0 0% 0% / 0.4), 0px 1px 2px -1px hsl(0 0% 0% / 0.4);
  --shadow-md:
    0px 4px 8px 0px hsl(0 0% 0% / 0.4), 0px 2px 4px -1px hsl(0 0% 0% / 0.4);
  --shadow-lg:
    0px 4px 8px 0px hsl(0 0% 0% / 0.4), 0px 4px 6px -1px hsl(0 0% 0% / 0.4);
  --shadow-xl:
    0px 4px 8px 0px hsl(0 0% 0% / 0.4), 0px 8px 10px -1px hsl(0 0% 0% / 0.4);
  --shadow-2xl: 0px 4px 8px 0px hsl(0 0% 0% / 1);
  --tracking-normal: -0.01em;
  --spacing: 0.25rem;
  --letter-spacing: -0.01em;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/creator-forms.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Shared window contract: fixed header/footer, only the body scrolls. */
.wc-user-edit-section { display: grid; gap: .875rem; min-width: 0; padding: 1rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--card); }
.wc-user-edit-section > fieldset { min-width: 0; }
.wc-user-edit-section legend { font-weight: 600; margin-bottom: .5rem; }
.wc-modal-window .wc-user-edit-section label:has(> input:not([type="checkbox"]):not([type="radio"])),
.wc-modal-window .wc-user-edit-section label:has(> textarea),
.wc-modal-window .wc-user-edit-section label:has(> [data-slot="themed-select"]) { display: grid; grid-template-columns: minmax(0, var(--wc-window-label, 12rem)) minmax(0, 1fr); align-items: center; gap: .5rem; }
[data-slot="sheet-description"],
[data-slot="dialog-description"] {
  display: none !important;
}

[data-slot="dialog-content"], [data-slot="sheet-content"] {
  display: flex !important;
  flex-direction: column;
  gap: 0 !important;
  padding: 0 !important;
  max-height: calc(100dvh - 2rem) !important;
  overflow: hidden !important;
  border: 1px solid var(--border);
  box-shadow: 0 24px 80px #0003;
}
[data-slot="dialog-content"]:has(form), [data-slot="sheet-content"].wc-centered-sheet {
  width: min(960px, calc(100vw - 2rem));
  max-width: min(960px, calc(100vw - 2rem)) !important;
}
[data-slot="dialog-content"]:has(form), [data-slot="sheet-content"]:has(form) {
  height: min(760px, calc(100dvh - 2rem));
}
[data-slot="dialog-header"], [data-slot="sheet-header"] {
  flex: 0 0 auto;
  padding: .75rem 3.5rem .75rem .875rem !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--border);
  background: var(--muted);
}
.wc-window-body { min-height: 0; min-width: 0; overflow: auto; padding: 1.5rem; display: flex; flex-direction: column; gap: 1rem; flex: 1 1 auto; }
.wc-window-single:has(> form), .wc-window-single:has(.wc-window-form) { padding: 0; overflow: hidden; }
.wc-window-form, form.wc-record-form { display: flex !important; flex-direction: column; min-height: 0; overflow: hidden; flex: 1 1 auto; gap: 0 !important; margin: 0 !important; padding: 0 !important; }
/* Each content row keeps its intrinsic height. Auto tracks can otherwise shrink
   overflow-hidden cards/grids to their headers inside a height-limited modal. */
.wc-window-fields { overflow: auto; min-height: 0; min-width: 0; padding: 1.25rem 1.5rem; display: grid; grid-template-columns: minmax(0, 1fr); grid-auto-rows: max-content; gap: 1rem 1.25rem; align-content: start; align-items: start; flex: 1 1 auto; }
.wc-evidence-document-open { display: grid; justify-items: start; gap: .5rem; }
.wc-evidence-document-open p { margin: 0; }
.wc-window-fields > :is(p, fieldset, section, details, .wc-cap-toolbar), .wc-window-fields > :has(textarea), .wc-window-fields > [role="alert"] { grid-column: 1 / -1; }
.wc-window-fields label:not(.wc-view-check) { display: grid; align-content: start; gap: .375rem; font-size: .875rem; font-weight: 500; min-width: 0; }
.wc-window-fields :is(input, select, textarea) { width: 100%; min-width: 0; border-radius: .5rem; }
.wc-window-fields input[type="checkbox"] { width: 1rem; }
/* Checkbox captions belong beside their control, even when a form label uses
   the generic one-column field layout or puts the caption before the input. */
label:not(.wc-view-check):has(> :is(input[type="checkbox"], [data-slot="checkbox"])) {
  display: grid !important;
  grid-template-columns: 1rem minmax(0, 1fr) !important;
  align-items: start;
  gap: .5rem;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  cursor: pointer;
}
label:not(.wc-view-check) > :is(input[type="checkbox"], [data-slot="checkbox"]) {
  grid-column: 1;
  grid-row: 1;
  width: 1rem !important;
  height: 1rem;
  min-width: 1rem;
  margin: .125rem 0 0;
  justify-self: start;
}
label:not(.wc-view-check):has(> :is(input[type="checkbox"], [data-slot="checkbox"])) > :not(input[type="checkbox"], [data-slot="checkbox"]) {
  grid-column: 2;
  min-width: 0;
}
/* Existing labels with a separate file picker keep their field layout; only
   the nested checkbox-and-caption pair becomes a single aligned row. */
:is(label > span, label > div):has(> :is(input[type="checkbox"], [data-slot="checkbox"])) {
  display: grid;
  grid-template-columns: 1rem minmax(0, 1fr);
  align-items: start;
  gap: .5rem;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}
:is(label > span, label > div):has(> :is(input[type="checkbox"], [data-slot="checkbox"])) > :is(input[type="checkbox"], [data-slot="checkbox"]) {
  grid-column: 1;
  grid-row: 1;
  width: 1rem !important;
  min-width: 1rem;
  margin: .125rem 0 0;
}
/* Shared radio layout: a fixed control column, then a wrapping caption.
   Also covers public forms and labels with plain text instead of a span. */
label:has(> input[type="radio"]) {
  display: grid !important;
  grid-template-columns: 1rem minmax(0, 1fr) !important;
  align-items: start;
  gap: .5rem;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  cursor: pointer;
}
label > input[type="radio"] {
  grid-column: 1;
  grid-row: 1;
  width: 1rem !important;
  height: 1rem;
  min-width: 1rem;
  margin: .125rem 0 0;
  justify-self: start;
}
label:has(> input[type="radio"]) > :not(input[type="radio"]) {
  grid-column: 2;
  min-width: 0;
}
/* Dialogs and sheets are portaled outside .wc-app; use the same field surface. */
:is(.wc-app, .wc-modal-window) input:is([type="range"], [type="checkbox"], [type="radio"]) { accent-color: var(--primary); }
.wc-app :is(input, textarea, select),
.wc-modal-window :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="reset"]), textarea, select, [role="combobox"]) {
  color: var(--foreground);
  background-color: var(--background);
}
.wc-role-window .wc-role-groups { grid-column: 1 / -1; }
.wc-role-window fieldset { min-width: 0; border: 1px solid var(--border); border-radius: 6px; padding: .75rem; }
.wc-role-window legend { padding-inline: .25rem; font-weight: 600; }
.wc-role-window .wc-check { display: flex; align-items: start; gap: .5rem; margin-block: .5rem; }
.wc-role-window .wc-check input { flex-shrink: 0; margin-top: .15rem; }
.wc-role-window .wc-check small { color: var(--muted-foreground); }
.wc-window-fields select { min-height: 2.25rem; padding: .375rem .625rem; border: 1px solid var(--border); background: var(--background); }
.wc-window-fields textarea { min-height: 5rem; resize: vertical; }
.wc-window-footer { flex: 0 0 auto; display: flex; justify-content: flex-end; align-items: center; gap: .625rem; flex-wrap: wrap; margin: 0 !important; padding: .875rem 1.5rem !important; border-top: 1px solid var(--border); background: var(--muted); }
.wc-window-footer :is([data-slot="dialog-footer"], [data-slot="sheet-footer"]) { display: flex !important; flex-direction: row !important; justify-content: flex-end; align-items: center; flex-wrap: wrap; width: 100%; padding: 0 !important; margin: 0 !important; border: 0; background: transparent; }
.wc-window-scroll { min-height: 0; overflow: auto; }
form.wc-record-form > * + * { margin-top: 0; }
/* Visible file pickers share the ordinary button system, not browser-specific file chrome. */
.wc-file-picker { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; min-width: 0; }
.wc-file-picker > input[type=file] { display: none; }
.wc-file-picker-name { color: var(--muted-foreground); font-size: .8rem; overflow-wrap: anywhere; min-width: 0; }
.wc-file-drop-hint { display: none; }
@media (hover: hover) and (pointer: fine) {
  .wc-file-picker { padding: .875rem; border: 1px dashed var(--border); border-radius: 6px; background: var(--background); }
  .wc-file-drop-hint { display: inline; color: var(--muted-foreground); font-size: .75rem; }
  .wc-file-picker[data-dragging="true"] { border-color: var(--primary); background: color-mix(in srgb, var(--primary) 10%, var(--background)); }
}



/* All modal surfaces follow docs/MODALE-FENSTER.md. Local content may only
   request a wider desktop surface through --wc-window-width. */
.wc-modal-window:is([data-slot="dialog-content"], [data-slot="sheet-content"]) {
  --wc-window-inline: .875rem;
  --wc-window-block: .75rem;
  --wc-window-label: 6.5rem;
  position: fixed !important;
  inset: 50% auto auto 50% !important;
  transform: translate(-50%, -50%) !important;
  width: min(var(--wc-window-width, 48rem), calc(100dvw - 2rem)) !important;
  max-width: calc(100dvw - 2rem) !important;
  height: min(760px, calc(100dvh - 2rem)) !important;
  max-height: calc(100dvh - 2rem) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border-radius: 6px !important;
  box-shadow: 0 1px 4px rgb(0 0 0 / 8%);
  font-size: .75rem;
  animation: none !important;
  transition: none !important;
}
.wc-modal-window[data-window-kind="message"] {
  --wc-window-width: 28rem;
  height: auto !important;
  overflow-wrap: anywhere;
}
/* The media content creator is explicitly a full-screen editing workspace. */
.wc-modal-window:is([data-slot="dialog-content"], [data-slot="sheet-content"])[data-window-kind="content-creator"] {
  inset: 0 !important;
  transform: none !important;
  width: 100dvw !important;
  max-width: 100dvw !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  border-radius: 0 !important;
}
.wc-modal-window > :is([data-slot="dialog-header"], [data-slot="sheet-header"]) {
  position: relative;
  box-sizing: border-box;
  min-height: max(44px, 2.5rem);
  padding: .75rem 3.5rem .75rem var(--wc-window-inline) !important;
  text-align: start !important;
  gap: 0 !important;
  min-width: 0;
}
.wc-modal-window :is([data-slot="dialog-title"], [data-slot="sheet-title"]) {
  margin: 0 !important;
  font-size: .9rem !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere;
}
.wc-modal-window > [data-window-close] {
  position: absolute !important;
  top: .25rem !important;
  right: .25rem !important;
  width: 2rem !important;
  min-width: 2rem !important;
  height: 2rem !important;
  min-height: 2rem !important;
  padding: 0 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.wc-modal-window .wc-window-body,
.wc-modal-window .wc-window-fields {
  padding: var(--wc-window-block) var(--wc-window-inline) !important;
  gap: .625rem;
}
.wc-modal-window .wc-window-body:has(> .wc-window-fields),
.wc-modal-window .wc-window-body:has(> form),
.wc-modal-window .wc-window-body:has(.wc-window-form) {
  padding: 0 !important;
  overflow: hidden;
}
.wc-modal-window .wc-window-fields { grid-template-columns: minmax(0, 1fr) !important; }
/* Compound fields (recipients, documents, links) share the input field edges. */
.wc-window-field { display: grid; grid-template-columns: minmax(0, var(--wc-window-label, 7rem)) minmax(0, 1fr); align-items: start; gap: .5rem; min-width: 0; }
.wc-window-field-label { font-size: .7rem; font-weight: 500; padding-top: .4rem; overflow-wrap: anywhere; }
.wc-window-field-content { display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; gap: .5rem; min-width: 0; }
.wc-window-field-content > :is(button, [data-slot="button"]) { justify-self: start; }
.wc-window-field-content > :is(p, small) { margin: 0; color: var(--muted-foreground); font-size: .7rem; overflow-wrap: anywhere; }
.wc-window-section { min-width: 0; margin: 0; padding: .75rem; border: 1px solid var(--border); border-radius: 6px; display: grid; grid-template-columns: minmax(0, 1fr); gap: .625rem; }
.wc-window-section > legend { padding-inline: .25rem; font-size: .75rem; font-weight: 600; }
.wc-window-inline-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; min-width: 0; }
.wc-window-inline-actions > button { max-width: 100%; white-space: normal; }
.wc-window-control-action { display: flex; align-items: center; gap: .5rem; min-width: 0; }
.wc-window-control-action > input { flex: 1; min-width: 0; }
.wc-window-control-action > button { flex-shrink: 0; }
.wc-window-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; min-width: 0; }
.wc-window-list > li { display: flex; align-items: start; gap: .5rem; min-width: 0; padding-bottom: .5rem; border-bottom: 1px solid var(--border); }
.wc-window-list > li > :first-child { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.wc-window-list > li > button { flex-shrink: 0; }
.wc-window-list p { margin: .25rem 0 0; }
.wc-document-picker { --wc-window-width: 64rem; }
.wc-modal-window .wc-picker-fields { display: flex; flex-direction: column; align-items: stretch; overflow: hidden; }
.wc-picker-panes { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: .75rem; width: 100%; min-width: 0; min-height: 0; flex: 1; }
.wc-picker-pane { display: flex; flex-direction: column; gap: .5rem; min-width: 0; min-height: 0; padding: .5rem; }
.wc-picker-pane > :not(.wc-picker-grid) { flex-shrink: 0; }
.wc-picker-pane .wc-grid-card-header h2 { min-width: 0; overflow-wrap: anywhere; }
.wc-picker-grid { display: flex; min-height: 0; min-width: 0; flex: 1; }
.wc-picker-grid > [data-record-grid] { flex: 1; min-height: 0; }
.wc-picker-import { flex-shrink: 0; min-width: 0; }
.wc-picker-import p { margin: .35rem 0 0; font-size: .75rem; }
@media (max-width: 600px) { .wc-picker-panes { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(8rem, 2fr) minmax(10rem, 3fr); } }
@media (max-width: 600px) { .wc-window-field-label { font-size: .65rem; } }
/* Result dialogs have one scrolling surface: the table, not its field wrapper. */
.wc-modal-window .wc-work-results-body { display: flex; flex-direction: column; align-items: stretch; overflow: hidden; }
.wc-work-results-body > :not(.wc-record-list) { flex-shrink: 0; }
.wc-work-results-body > .wc-record-list { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; overflow: hidden; }
.wc-work-results-body .wc-grid-card-header { flex-shrink: 0; }
/* The recipient picker has one selection state and two bounded list panes.
   Header, visible feedback and action footer retain the shared window contract. */
.wc-evidence-recipients, .wc-recipient-dialog { --wc-window-width: 64rem; }
.wc-modal-window .wc-evidence-quiz-row { display: flex; align-items: center; gap: .5rem; min-width: 0; }
.wc-modal-window .wc-evidence-quiz-row > label { display: inline-flex; flex-direction: row; align-items: center; gap: .375rem; width: auto; margin: 0; white-space: nowrap; }
.wc-modal-window .wc-evidence-quiz-row > label input { flex: 0 0 1rem; margin: 0; }
.wc-modal-window .wc-evidence-quiz-row > button { flex-shrink: 0; margin: 0; }
.wc-evidence-template-dialog { --wc-window-width: 48rem; }
.wc-modal-window.wc-evidence-template-dialog .wc-window-body textarea { min-height: 6rem !important; }
.wc-modal-window .wc-evidence-template-options { display: grid; gap: .75rem; padding-block-start: .375rem; padding-inline-start: calc(var(--wc-window-label) + .5rem); }
.wc-modal-window .wc-evidence-template-options .wc-evidence-quiz-row { flex-wrap: wrap; }
.wc-modal-window .wc-evidence-template-options .wc-evidence-quiz-row > label { white-space: normal; }
.wc-modal-window .wc-evidence-template-options > .wc-evidence-signature-option { display: inline-flex; align-items: center; gap: .375rem; margin: 0; }
.wc-evidence-document-list { display: grid; gap: .375rem; margin: 0; padding: 0; list-style: none; }
.wc-evidence-document-list > li { display: flex; align-items: center; gap: .5rem; padding: .5rem .625rem; min-width: 0; border: 1px solid var(--border); border-radius: var(--radius); background: var(--muted); }
.wc-evidence-document-list > li > svg { flex-shrink: 0; color: var(--muted-foreground); }
.wc-evidence-document-list > li > :is(a, .wc-upload-file-name) { display: grid; gap: .125rem; min-width: 0; flex: 1; overflow-wrap: anywhere; font-size: .75rem; }
.wc-evidence-document-list small { color: var(--muted-foreground); font-size: .65rem; }
.wc-evidence-document-list > li > button { flex-shrink: 0; }
.wc-modal-window .wc-evidence-question { min-width: 0; margin: 0; padding: .75rem; border: 1px solid var(--border); border-radius: 6px; display: grid; gap: .625rem; }
.wc-modal-window .wc-evidence-question > legend { padding-inline: .25rem; font-size: .75rem; font-weight: 600; }
.wc-modal-window .wc-evidence-question-media { min-width: 0; padding-inline-start: calc(var(--wc-window-label) + .5rem); display: grid; justify-items: start; gap: .5rem; }
.wc-modal-window .wc-evidence-question-media > small { color: var(--muted-foreground); font-size: .65rem; overflow-wrap: anywhere; }
.wc-modal-window .wc-evidence-question-media > img { max-width: 100%; max-height: 8rem; object-fit: contain; }
.wc-modal-window .wc-evidence-question-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; padding-top: .25rem; }
.wc-evidence-recipients .wc-recipient-lists, .wc-recipient-dialog .wc-recipient-lists { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; min-width: 0; }
.wc-evidence-recipients .wc-recipient-lists > section, .wc-recipient-dialog .wc-recipient-lists > section { min-width: 0; padding: .5rem; display: flex; flex-direction: column; gap: .5rem; }
.wc-evidence-recipients .wc-recipient-lists [data-record-grid], .wc-recipient-dialog .wc-recipient-lists [data-record-grid] { max-height: clamp(7rem, 28dvh, 18rem); min-height: 0; }
.wc-evidence-recipients .wc-recipient-lists [data-record-grid] > div { flex-shrink: 0; }
.wc-evidence-recipients .wc-recipient-feedback { flex: 0 0 auto; padding: .375rem var(--wc-window-inline); font-size: .75rem; }
.wc-evidence-recipients .wc-recipient-feedback p { margin: 0; }
@media (max-width: 600px) {
  .wc-evidence-recipients .wc-recipient-lists, .wc-recipient-dialog .wc-recipient-lists { grid-template-columns: minmax(0, 1fr); }
  .wc-evidence-recipients .wc-recipient-lists [data-record-grid] { max-height: clamp(7rem, 24dvh, 14rem); }
}
.wc-modal-window :is([data-slot="dialog-title"], [data-slot="sheet-title"])[data-truncate] {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-wrap: normal;
}
.wc-modal-window .wc-window-body :is(.wc-asset-fields, .wc-cap-form, .wc-cap-form fieldset, .wc-record-fields) {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: .5rem;
}
/* Both field conventions: label wrapping its control, or an explicit for/id pair. */
.wc-modal-window .wc-window-body :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="reset"]), select, textarea, [role="combobox"]) {
  border-width: 1px;
  border-style: solid;
}
.wc-modal-window .wc-window-body label:not(.wc-record-toolbar label):has(:is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea, [role="combobox"])),
.wc-modal-window .wc-window-body :is(div, section):has(> label[for]):has(> :is(input, select, textarea, [role="combobox"])) {
  display: grid !important;
  grid-template-columns: minmax(0, var(--wc-window-label)) minmax(0, 1fr) !important;
  align-items: center;
  gap: .5rem !important;
  min-width: 0;
  font-size: .7rem;
  overflow-wrap: anywhere;
}
.wc-modal-window .wc-window-body :is(div, fieldset):not(.wc-record-toolbar, .wc-evidence-quiz-row):has(> label:has(:is(input, select, textarea))) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
}
.wc-modal-window .wc-window-body :is(div, section):has(> label[for]):has(> :is(input, select, textarea)) > :not(label, input, select, textarea, [role="combobox"], small, p) { grid-column: 1 / -1; }
.wc-modal-window .wc-window-body label > :is(small, p),
.wc-modal-window .wc-window-body :is(div, section):has(> label[for]):has(> :is(input, select, textarea)) > :is(small, p) { grid-column: 2; }
.wc-modal-window .wc-window-body :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea, [role="combobox"]) {
  min-width: 0;
  max-width: 100%;
  width: 100%;
  font-size: .75rem;
  min-height: 2rem;
}
.wc-modal-window .wc-window-footer {
  padding: .625rem var(--wc-window-inline) !important;
  gap: .625rem;
}
.wc-modal-window .wc-window-footer .wc-window-footer { width: 100%; flex: 1 1 100%; }
.wc-modal-window .wc-window-footer :is([data-slot="dialog-footer"], [data-slot="sheet-footer"], .wc-window-footer),
.wc-modal-window .wc-window-footer > div {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: .625rem;
  padding: 0 !important;
  margin: 0 !important;
  border: 0;
}
.wc-modal-window .wc-window-footer button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
  font-size: .75rem;
  border-radius: 7px !important;
}
/* Footer-only contract: specials left; cancellation followed by confirmation right.
   React renders the same order for keyboard navigation, without CSS order tricks. */
.wc-modal-window .wc-window-footer > .wc-window-actions-special,
.wc-modal-window .wc-window-footer > .wc-window-actions-main {
  display: flex;
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  width: auto;
  align-items: center;
  flex-wrap: wrap;
  gap: .625rem;
}
.wc-modal-window .wc-window-footer > .wc-window-actions-special { justify-content: flex-start; margin-right: auto !important; }
.wc-modal-window .wc-window-footer > .wc-window-actions-main { justify-content: flex-end; margin-left: auto !important; }
.wc-modal-window .wc-window-footer :is(button, [data-slot="button"]) { max-width: 100%; white-space: normal; }
@media (max-width: 600px) {
  .wc-modal-window:is([data-slot="dialog-content"], [data-slot="sheet-content"]) {
    --wc-window-inline: .75rem;
    --wc-window-block: .5rem;
    --wc-window-label: 5.75rem;
    inset: 0 !important;
    width: 100dvw !important;
    max-width: none !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    --tw-translate-x: 0px !important;
    --tw-translate-y: 0px !important;
    transform: none !important;
    border-radius: 0 !important;
  }
  .wc-modal-window > :is([data-slot="dialog-header"], [data-slot="sheet-header"]) {
    padding-top: .75rem !important;
    padding-bottom: .5rem !important;
  }
  .wc-modal-window .wc-window-body label { font-size: .65rem; }
  .wc-modal-window .wc-window-body :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea, [role="combobox"]) { font-size: .7rem; min-height: 1.8rem; }
  .wc-modal-window .wc-window-footer { padding: .5rem var(--wc-window-inline) !important; }
  :is(.wc-modal-window, .wc-view-actions) :is([data-slot="button"], [data-window-action]):has(svg):not([data-record-grid] [data-slot="table-head"] button):not([data-window-close]) {
    display: inline-flex !important;
    width: 3rem !important;
    min-width: 3rem !important;
    flex: 0 0 3rem !important;
    padding-inline: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    font-size: 0 !important;
  }
  /* Keep the label in the accessibility tree; remove it from the flex layout. */
  :is(.wc-modal-window, .wc-view-actions) :is([data-slot="button"], [data-window-action]):has(svg):not([data-record-grid] [data-slot="table-head"] button) .wc-button-label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }
  :is(.wc-modal-window, .wc-view-actions) :is([data-slot="button"], [data-window-action]):has(svg):not([data-record-grid] [data-slot="table-head"] button) svg { margin: 0 !important; flex-shrink: 0; }
}
/* Photos and activity notes share the normal window field area. */
.wc-work-photo { display: block; width: 100%; height: auto; max-height: 60vh; object-fit: contain; }
.wc-work-order-photos, .wc-work-documentation { display: grid; grid-template-columns: minmax(0, 1fr); gap: .5rem; }
.wc-work-order-photos { grid-column: 1 / -1; }
.wc-work-note p { white-space: pre-wrap; overflow-wrap: anywhere; }
.wc-work-note small { color: var(--muted-foreground); font-size: .7rem; }
.wc-work-order-photos figcaption { font-size: .75rem; overflow-wrap: anywhere; }

/* A sideways submenu cannot fit beside a phone-width parent menu. Keep the
   Radix focus/dismissal behavior, but present the next menu level in the viewport. */
.wc-dropdown-sub-back { display: none; }
@media (max-width: 800px) {
  [data-radix-popper-content-wrapper]:has(> [data-slot="dropdown-menu-sub-content"]) {
    /* Override only Radix's inline placement of submenu portals, never other popups. */
    top: 50dvh !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 51 !important;
    width: min(20rem, calc(100dvw - 1rem));
    min-width: 0 !important;
  }
  [data-slot="dropdown-menu-sub-content"] {
    width: 100%;
    min-width: 0;
    max-width: calc(100dvw - 1rem);
    max-height: calc(100dvh - 1rem);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .wc-dropdown-sub-back { display: block; }
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/creator-grids.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wc-visunav { display: flex; flex-direction: column; min-height: 0; overflow: hidden; }
.wc-asset-workspace { display: flex; flex-direction: column; flex: 1; min-height: 0; min-width: 0; overflow: hidden; }
.wc-visu-workspace { flex: 1; min-height: 0; }
.wc-visu-main, .wc-visu-sources { min-height: 0; max-height: none; }
.wc-visu-sources { overflow: hidden; }
.wc-visu-sources > :not(ul) { flex-shrink: 0; }
.wc-visu-sources ul { display: block; overflow: auto; min-height: 0; }
.wc-visu-canvas { min-height: 0; height: auto; max-height: none; }
.wc-visu-tabs { display: flex; gap: .5rem; }
.wc-visu-tabs button { flex: 1; min-width: 0; height: auto; min-height: 2.25rem; padding: .5rem .25rem; font-size: .75rem; white-space: normal; border-radius: 6px; }
.wc-visu-tabs button[aria-pressed=true] { border-color: var(--primary); font-weight: 600; }
.wc-visu-attribution { left: 74px; max-width: calc(100% - 148px); overflow-wrap: anywhere; }
.wc-visu-attribution a { text-decoration: underline; }
.wc-visu-sources { container: visu-sources / inline-size; }
.wc-visu-sources > button { height: auto; white-space: normal; min-height: 2.25rem; }
@container visu-sources (max-width: 230px) {
  .wc-visu-tabs button > svg { display: none; }
  .wc-visu-tabs button { overflow-wrap: anywhere; }
}
.wc-visu-staged { position: absolute; transform: translate(-50%, -100%); z-index: 12; font-size: 2rem; pointer-events: none; }
.wc-grid-scroll { min-height: 0; min-width: 0; flex: 1; overflow: auto; }
/* Reusable search + type filter row, including embedded contact lists. */
.wc-record-toolbar.wc-record-search-filter {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(9rem, 14rem) auto;
  align-items: end;
  gap: .625rem;
}
.wc-record-toolbar.wc-record-search-filter > label { width: auto; gap: .25rem; }
.wc-record-search-filter > label > span { font-size: .75rem; color: var(--muted-foreground); }
.wc-contacts-grid .wc-grid-card-actions { flex-wrap: wrap; gap: .375rem; }
@media (max-width: 600px) {
  .wc-record-toolbar.wc-record-search-filter { grid-template-columns: minmax(0, 1fr) auto; }
  .wc-record-search-filter > label:first-child { grid-column: 1 / -1; }
}
/* All current and future DataTables: one scroller for both axes. */
:is(.wc-grid-scroll, .wc-structure-table):has(> [data-record-grid]) { display: flex; flex-direction: column; overflow: hidden !important; }
[data-record-grid] {
  display: flex; flex-direction: column; min-width: 0; min-height: 0;
  max-height: var(--wc-grid-available-height, 65dvh); overflow: hidden;
}
:is(.wc-grid-scroll, .wc-structure-table) > [data-record-grid] { flex: 1; }
[data-record-grid] > [data-grid-surface] {
  display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; overflow: hidden;
}
[data-record-grid] > :not([data-grid-surface]) { flex-shrink: 0; }
.wc-grid-pages[hidden],
[data-grid-footer]:empty,
[data-grid-footer]:has(> .wc-grid-pages[hidden]):not(:has(> :not(.wc-grid-pages[hidden]))) { display: none !important; }
[data-record-grid] > [data-grid-surface] > [data-slot=table-container] {
  flex: 1 1 auto; min-height: 0; overflow: auto; scrollbar-gutter: stable;
}
[data-record-grid] [data-slot=table-header] { position: sticky; top: 0; z-index: 1; background: var(--card); }
.wc-grid-scroll [data-slot=table-header], .wc-structure-table [data-slot=table-header] { position: sticky; top: 0; z-index: 1; background: var(--card); }
/* Shared database-grid header: compact and visually distinct from its rows. */
[data-record-grid] [data-slot=table] {
  -webkit-user-select: none;
  user-select: none;
}
/* Radix dialogs/sheets are portaled outside .wc-app. Give their grids the
 * same table typography and cell colors as grids on regular workspace pages. */
.wc-modal-window [data-record-grid] [data-slot=table] {
  border-collapse: collapse;
  text-align: start;
  white-space: nowrap;
  font-size: calc(11px * var(--wc-font-scale, 1));
}
.wc-modal-window [data-record-grid] [data-slot=table-head] {
  font-size: calc(9px * var(--wc-font-scale, 1));
  color: var(--muted-foreground);
  font-weight: 500;
  background: var(--muted);
  padding: 0 1px;
  border-bottom: 1px solid var(--border);
}
.wc-modal-window [data-record-grid] [data-slot=table-cell] {
  padding-inline: 20px;
  border-bottom: 1px solid var(--border);
  color: var(--muted-foreground);
}
.wc-modal-window [data-record-grid] [data-slot=table-cell] strong {
  font-weight: 550;
  color: var(--foreground);
}
.wc-modal-window [data-record-grid] [data-slot=table-body] > tr:last-child [data-slot=table-cell] {
  border-bottom: 0;
}
/* Personal high-contrast option, including grids in portalled dialogs.
 * Normal deliberately retains the original theme styles and semantic colors. */
body[data-grid-contrast=high] [data-record-grid] [data-slot=table] {
  --muted-foreground: color-mix(in srgb, var(--foreground) 80%, var(--background));
  color: var(--foreground);
}
body[data-grid-contrast=high] :is(.wc-app, .wc-modal-window) [data-record-grid] :is([data-slot=table-head], [data-slot=table-cell]) {
  color: var(--foreground);
}
/* Inline editors must retain normal text selection/copy/paste. */
[data-record-grid] [data-slot=table] :is(input, textarea, [contenteditable]:not([contenteditable=false])) {
  -webkit-user-select: text;
  user-select: text;
}
[data-record-grid] [data-slot=table-header] { filter: brightness(.95); }
[data-record-grid] [data-slot=table-head] { height: 35px; min-height: 35px; }
/* Personal grid density, including grids inside portalled dialogs. Table rows
 * can grow for multiline content and controls; never clip record contents. */
[data-record-grid] [data-slot=table-body] > [data-row-id] {
  height: var(--wc-grid-row-height, auto);
}
[data-record-grid] [data-slot=table-body] > [data-row-id] > [data-slot=table-cell] {
  padding-block: var(--wc-grid-row-padding, .5rem);
}
/* One record-selection contract for all customer and developer DataTables.
 * Bulk checkboxes and the active action target are deliberately separate. */
[data-record-grid] [data-slot=table-body] > [data-row-id] {
  --record-row-background: var(--background);
  background: var(--record-row-background);
  outline: none;
}
[data-record-grid] [data-slot=table-body] > [data-state=selected] {
  --record-row-background: color-mix(in srgb, var(--foreground) 5%, var(--background));
}
@media (hover: hover) {
  [data-record-grid] [data-slot=table-body] > [data-row-id]:hover {
    --record-row-background: color-mix(in srgb, var(--foreground) 8%, var(--background));
  }
}
[data-record-grid] [data-slot=table-body] > [data-active=true] {
  --record-row-background: color-mix(in srgb, var(--primary) 12%, var(--background));
}
[data-record-grid] [data-slot=table-body] > [data-active=true] > [data-slot=table-cell]:first-child::before {
  content: "";
  position: absolute;
  inset-block: 0;
  left: 0;
  width: 3px;
  background: var(--primary);
  pointer-events: none;
  z-index: 2;
}
@media (hover: hover) {
  [data-record-grid] [data-slot=table-body] > [data-active=true]:hover {
    --record-row-background: color-mix(in srgb, var(--primary) 18%, var(--background));
  }
}
/* Personal selection color: use the theme's action/accent pair, including
 * multi-selection and active rows. Selection controls keep their own colors. */
body[data-grid-selection-color=accent] [data-record-grid] [data-slot=table-body] > :is([data-state=selected], [data-active=true]) {
  --record-row-background: var(--primary);
  color: var(--wc-grid-selection-text, var(--primary-foreground));
}
body[data-grid-selection-color=accent] [data-record-grid] [data-slot=table-body] > :is([data-state=selected], [data-active=true]) :is(td, div, span, small, strong, p, a):not([role=button]):not(:is(button, [role=button], input, select, textarea) *) {
  color: var(--wc-grid-selection-text, var(--primary-foreground)) !important;
}
body[data-grid-selection-color=accent] [data-record-grid] [data-slot=table-body] > :is([data-state=selected], [data-active=true]) button:not([data-slot=checkbox]):not([role=checkbox]):not([role=radio]):not([role=switch]),
body[data-grid-selection-color=accent] [data-record-grid] [data-slot=table-body] > :is([data-state=selected], [data-active=true]) button:not([data-slot=checkbox]):not([role=checkbox]):not([role=radio]):not([role=switch]) :is(span, small, strong) {
  color: var(--wc-grid-selection-text, var(--primary-foreground)) !important;
}
[data-record-grid] [data-slot=table-body] > [data-row-id]:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: -2px;
}
@media (forced-colors: active) {
  [data-record-grid] [data-slot=table-body] > [data-active=true] > [data-slot=table-cell]:first-child::before {
    background: Highlight;
    forced-color-adjust: none;
  }
  [data-record-grid] [data-slot=table-body] > [data-row-id]:focus-visible { outline-color: Highlight; }
}
.wc-data-table-sort { display: inline-flex; align-items: center; gap: .25rem; max-width: 100%; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; font-weight: inherit; text-align: start; white-space: nowrap; cursor: pointer; }
.wc-data-table-sort:hover { color: var(--foreground); }
.wc-data-table-sort:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
.wc-grid-select { min-height: 2.25rem; border: 1px solid var(--border); border-radius: .375rem; background: var(--background); padding: .25rem .5rem; max-width: 100%; }
.wc-link-grid { display: flex; flex-direction: column; min-height: 0; gap: .75rem; overflow: hidden; padding: .75rem; container: data-links / inline-size; }
.wc-link-grid > :not(.wc-grid-scroll) { flex-shrink: 0; }
.wc-link-toolbar.wc-record-toolbar { display: grid; grid-template-columns: minmax(12rem, 1fr) minmax(9rem, 12rem) auto; align-items: end; gap: .75rem; padding-bottom: .75rem; border-bottom: 1px solid var(--border); }
.wc-link-toolbar.wc-record-toolbar > label { width: auto; gap: .375rem; }
.wc-link-toolbar > label > span:first-child { font-size: .75rem; font-weight: 500; color: var(--muted-foreground); line-height: 1.25; }
.wc-link-search-control, .wc-link-select-control { position: relative; display: flex; min-width: 0; }
.wc-link-search-control > svg { position: absolute; left: .625rem; top: 50%; transform: translateY(-50%); color: var(--muted-foreground); pointer-events: none; }
.wc-link-grid .wc-link-search-control input { width: 100%; min-width: 0; padding-left: 2rem; }
.wc-link-select-control > svg { position: absolute; right: .625rem; top: 50%; transform: translateY(-50%); color: var(--muted-foreground); pointer-events: none; }
.wc-link-grid .wc-link-select-control select { appearance: none; padding-right: 2rem; text-overflow: ellipsis; }
.wc-link-grid .wc-link-toolbar :is(input, select) { border: 1px solid var(--input); background: var(--background); color: var(--foreground); }
.wc-link-select-control select:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
.wc-link-grid .wc-link-toolbar :is(input, select, button) { height: 2.25rem; min-height: 2.25rem; border-radius: 6px; }
.wc-link-toolbar-actions { display: flex; align-items: center; gap: .5rem; min-width: 0; margin-left: auto; }
.wc-link-toolbar-actions > button[data-size=icon] { width: 2.25rem; padding: 0; }
@container data-links (max-width: 960px) {
  .wc-link-toolbar.wc-record-toolbar { grid-template-columns: minmax(0, 1fr) minmax(9rem, 14rem); }
  .wc-link-toolbar-actions { grid-column: 1 / -1; }
}
@container data-links (max-width: 640px) {
  .wc-link-toolbar-actions { width: 100%; }
  .wc-link-toolbar-actions .wc-link-open { flex: 1; min-width: 0; }
  .wc-link-toolbar-actions .wc-link-refresh { width: 2.25rem; padding: 0; }
  .wc-link-refresh > span { display: none; }
}
@container data-links (max-width: 440px) {
  .wc-link-toolbar.wc-record-toolbar { grid-template-columns: minmax(0, 1fr); gap: .625rem; }
  .wc-link-open-prefix { display: none; }
  .wc-link-toolbar-actions .wc-link-open { white-space: normal; height: auto; padding-block: .375rem; }
}
@media (max-height: 600px) {
  .wc-visu-sources > p { display: none; }
  .wc-link-grid { gap: .375rem; padding: .5rem; }
  .wc-link-toolbar.wc-record-toolbar { gap: .5rem; padding-bottom: .5rem; }
  .wc-link-toolbar-actions .wc-link-refresh { width: 2.25rem; padding: 0; }
  .wc-link-refresh > span { display: none; }
  /* Preserve a complete first row even when the developer action banner is present. */
  .wc-link-grid [data-slot=table-head] { height: 1.75rem; padding-block: .375rem; }
  .wc-link-grid [data-slot=table-cell] { padding-block: .25rem; }
  @container data-links (min-width: 700px) {
    .wc-link-toolbar.wc-record-toolbar { grid-template-columns: minmax(10rem, 1fr) minmax(8rem, 10rem) auto; }
    .wc-link-toolbar-actions { grid-column: auto; }
    .wc-link-open-prefix { display: none; }
  }
  @container data-links (max-width: 440px) {
    .wc-link-toolbar > label > span:first-child { display: none; }
  }
}
.wc-link-workspace-dialog[data-slot=dialog-content] { --wc-window-width: 1500px; }
.wc-grid-pdf[data-slot=dialog-content] { --wc-window-width: 1200px; }
.wc-grid-pdf .wc-window-body { display: flex; flex-direction: column; }
.wc-grid-pdf-frame { flex: 1; width: 100%; min-height: 200px; border: 1px solid var(--border); }
.wc-nfc-radar { width: 150px; height: 150px; margin: 1rem auto; position: relative; display: grid; place-items: center; color: var(--primary); }
.wc-nfc-radar i { position: absolute; inset: 0; border: 2px solid currentColor; border-radius: 50%; opacity: .2; }
.wc-nfc-radar[data-scanning=true] i { animation: wc-nfc-ping 1.8s ease-out infinite; }
.wc-nfc-radar i:nth-child(2) { animation-delay: .6s; }.wc-nfc-radar i:nth-child(3) { animation-delay: 1.2s; }
@keyframes wc-nfc-ping { from { transform: scale(.05); opacity: .8; } to { transform: scale(1); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .wc-nfc-radar[data-scanning=true] i { animation: none; } }
@media (min-width: 641px) and (max-width: 850px) { .wc-visu-workspace { grid-template-columns: 240px minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); }.wc-visu-sources { max-height: none; } }
@media (max-width: 640px) { .wc-visu-workspace { grid-template-columns: 1fr; grid-template-rows: minmax(140px, 35%) minmax(0, 1fr); }.wc-visu-sources { max-height: none; }.wc-visu-canvas { min-height: 0; }.wc-visu-sources > p { display: none; } }
@media (max-width: 640px) {
  .wc-visu-workspace:has(.wc-visu-sources ul:empty) { grid-template-rows: auto minmax(0, 1fr); }
  .wc-visu-controls { flex-shrink: 0; gap: .375rem; }
  .wc-visu-controls > button:first-child:not(.wc-visu-new-pin) { flex-basis: 100%; min-width: 0; height: auto; min-height: 2.25rem; white-space: normal; }
  .wc-visu-controls > .wc-visu-new-pin { flex: 0 0 3rem; width: 3rem; padding-inline: 0; }
  .wc-visu-controls > span, .wc-visu-fit-label, .wc-visu-new-pin-label { display: none; }
}
.wc-app[data-fill-workspace=true] { height: 100dvh; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
.wc-app[data-fill-workspace=true] .wc-body { flex: 1; min-height: 0; overflow: hidden; }
.wc-app[data-fill-workspace=true] .wc-sidebar { min-height: 0; overflow-y: auto; }
.wc-app[data-fill-workspace=true] .wc-content { display: flex; flex-direction: column; min-height: 0; padding-bottom: 16px; overflow: hidden; }
.wc-app[data-fill-workspace=true] .wc-screen { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.wc-app[data-fill-workspace=true] .wc-screen > .wc-card { display: flex; flex-direction: column; flex: 1; min-height: 0; margin-bottom: 0; overflow: hidden; padding: 12px; }
.wc-app[data-fill-workspace=true] .wc-bottom { position: relative; inset: auto; flex: 0 0 auto; }
.wc-app[data-fill-workspace=true] .wc-top { flex: 0 0 auto; }
.wc-link-workspace-dialog .wc-window-body { overflow: hidden; }
.wc-link-capture-choice { display: grid; gap: .75rem; }
.wc-link-capture-choice > button { justify-content: start; height: auto; min-height: 4.5rem; padding: 1rem; gap: 1rem; white-space: normal; text-align: start; border-radius: 6px; }
.wc-link-capture-choice > button > svg { width: 1.5rem; height: 1.5rem; color: var(--primary); }
.wc-link-capture-choice small { display: block; margin-top: .25rem; font-weight: 400; color: var(--muted-foreground); }
.wc-window-footer [data-slot="dialog-footer"] { flex-wrap: wrap; min-width: 0; width: 100%; }
.wc-window-footer button { max-width: 100%; white-space: normal; height: auto; min-height: 2.25rem; }
.wc-record-traffic { display: block; flex: 0 0 6px; width: 6px; height: 6px; padding: 0; margin-inline: auto; border: 0; border-radius: 50%; }
.wc-record-traffic[data-status=GO] { background: #22a559; }
.wc-record-traffic[data-status=WAIT] { background: #e58a16; }
.wc-record-traffic[data-status=STOP] { background: #d94a4a; }
[data-record-column=recordStatus] { width: 12px !important; min-width: 12px !important; max-width: 12px !important; padding-inline: 0 !important; overflow: hidden; }
[data-record-column=recordIcon] { width: 28px !important; min-width: 28px !important; max-width: 28px !important; padding-inline: 4px !important; }
[data-record-column=__selection] { width: 28px !important; min-width: 28px !important; max-width: 28px !important; padding-inline: 4px !important; text-align: center; }
[data-record-column=__selection] [data-slot=checkbox] { margin-inline: auto; }
.wc-record-icon { display: block; color: var(--muted-foreground); flex-shrink: 0; }
/* Opt-in for content-sized, unpinned grids: data columns absorb spare width, not STATUS. */
.wc-grid-flexible-columns [data-record-column]:not([data-record-column=recordStatus]):not([data-record-column=recordIcon]):not([data-record-column=__selection]) { width: auto !important; }
.wc-invitation-grid { display: flex; flex-direction: column; min-width: 0; gap: .5rem; }
.wc-invitation-grid > .wc-record-toolbar { margin: 0; }
.wc-invitation-grid > .wc-record-toolbar h2 { margin-right: auto; }
.wc-invitation-grid-scroll { overflow: auto; max-height: 50dvh; min-width: 0; }
.wc-record-designation { display: flex; align-items: center; gap: .5rem; min-width: 0; }
.wc-record-designation > :first-child { min-width: 0; }
.wc-record-designation-label { flex: 1; }
.wc-record-link-icons { display: flex; align-items: center; gap: 2px; margin-left: auto; flex-shrink: 0; }
.wc-record-link-icons:empty { display: none; }
.wc-record-link-icons > button { width: 18px; height: 1.75rem; min-height: 1.75rem; padding: 0; border-radius: 6px; color: var(--muted-foreground); }
.wc-record-link-icons > button:hover { color: var(--primary); }
.wc-record-link-preview .wc-window-fields :is(img, video) { max-width: 100%; max-height: 65dvh; margin-inline: auto; object-fit: contain; }
.wc-record-link-preview .wc-window-fields audio { width: 100%; }
.wc-visu-focus-pin { position: absolute; transform: translate(-50%, -100%); z-index: 13; font-size: 2rem; pointer-events: none; filter: drop-shadow(0 0 4px var(--background)); }
/* Filter row of the expired Digi-Sign proofs grid. */
.wc-expired-filter { display: grid; grid-template-columns: minmax(10rem, 1fr) minmax(9rem, 12rem) minmax(9rem, 12rem) auto; align-items: end; gap: .75rem; padding-bottom: .75rem; border-bottom: 1px solid var(--border); }
.wc-expired-filter label { display: grid; gap: .25rem; font-size: .75rem; font-weight: 500; min-width: 0; }
@media (max-width: 720px) { .wc-expired-filter { grid-template-columns: 1fr 1fr; } .wc-expired-filter label:first-child, .wc-expired-filter button { grid-column: 1 / -1; } }

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/creator-page-header.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* One heading hierarchy and action row for all customer/developer pages. */
.wc-page-heading.wc-page-header { display: block; flex: 0 0 auto; min-width: 0; margin: 0 0 1.5rem; }
.wc-page-heading.wc-page-header[data-has-visible-content=false] { margin: 0; }
.wc-page-header-intro { min-width: 0; }
.wc-page-header > * { min-width: 0; max-width: 100%; }
.wc-page-header .wc-page-header-title { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
/* Public forms have no workspace banner, so their shared heading stays visible. */
.wc-page-header[data-standalone] .wc-page-header-title { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; white-space: normal; font-size: 1.5rem; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.wc-page-header-eyebrow { margin: 0 0 .375rem; color: var(--muted-foreground); font-size: .7rem; letter-spacing: .08em; }
.wc-page-header-description p { font-size: calc(11px * var(--wc-font-scale, 1)); line-height: var(--wc-line-height, 1.8); color: var(--muted-foreground); max-width: 660px; }
.wc-page-header-description { max-width: 48rem; }
.wc-page-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .75rem; min-width: 0; }
.wc-page-header > .wc-page-toolbar { margin-top: .75rem; }
.wc-page-toolbar-title { font-size: .875rem; font-weight: 500; }
.wc-page-toolbar-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: .625rem; margin-left: auto; }
.wc-page-toolbar-actions:empty { display: none; }
.wc-page-header .wc-page-toolbar button { min-height: 2rem; }
@media (max-width: 650px), (max-height: 600px) {
  .wc-page-heading.wc-page-header { margin-bottom: .75rem; }
  .wc-page-header > .wc-page-toolbar { margin-top: .625rem; }
}
@media (max-height: 600px) {
  .wc-page-heading.wc-page-header { margin-bottom: .375rem; }
  .wc-page-header > .wc-page-toolbar { margin-top: .25rem; }
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/creator-views.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* View contract: docs/VIEW-DESIGN.md. These classes never change workspace grids or modal geometry. */
/* Public confirmation forms share the card/field contract, without a workspace sidebar. */
.wc-public-form-page > main { width: 100%; max-width: 50rem; margin: 0 auto; padding: 1.5rem 1rem; }
.wc-public-form-brand { display: flex; align-items: center; gap: .75rem; margin-bottom: 1rem; min-width: 0; }
.wc-public-form-brand img { max-width: 10rem; max-height: 3rem; object-fit: contain; }
.wc-public-form-brand span { min-width: 0; overflow-wrap: anywhere; }
.wc-public-form-content { display: grid; gap: var(--wc-view-gap, 1rem); }
.wc-public-document { white-space: pre-wrap; overflow-wrap: anywhere; font-size: .875rem; line-height: var(--wc-line-height, 1.7); }
.wc-signature-pad { display: grid; gap: .5rem; min-width: 0; }
.wc-signature-pad legend { margin-bottom: .5rem; font-size: .75rem; font-weight: 500; }
.wc-signature-surface { min-width: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 6px; background: var(--background); }
.wc-signature-pad canvas { display: block; width: 100%; min-height: 9rem; aspect-ratio: 3.2; touch-action: none; }
/* Change only the on-screen ink: the transparent PNG keeps dark ink for proof/PDF output. */
.dark .wc-signature-pad canvas { filter: invert(1); }
.wc-signature-pad button { justify-self: start; }
@media (max-width: 600px) {
  .wc-public-form-page > main { padding: .75rem; }
}
/* Normal flow is the fallback until card sizes are measured. */
.wc-masonry-layout {
  position: relative;
  display: grid;
  grid-template-columns: repeat(
      auto-fit,
      minmax(min(100%, var(--wc-masonry-min-width, 320px)), 1fr)
    );
  align-items: start;
  gap: 1rem;
  min-width: 0;
}
.wc-masonry-item {
  display: flow-root;
  min-width: 0;
}
.wc-masonry-layout[data-masonry-columns] {
  display: block;
}
.wc-masonry-layout[data-masonry-columns] > .wc-masonry-item {
  position: absolute;
}
.wc-view-grid,
.wc-view-form {
  --wc-view-padding: 0.875rem;
  --wc-view-label: 7rem;
  --wc-view-gap: 1rem;
  min-width: 0;
}
.wc-view-grid {
  gap: var(--wc-view-gap);
}
.wc-view-form {
  margin: 0;
}
.wc-view-form > fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.wc-card.wc-view-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.wc-view-card-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: var(--wc-view-padding, 0.875rem);
  border-bottom: 1px solid var(--border);
  background: var(--muted);
}
.wc-view-card-header > svg {
  flex: 0 0 auto;
}
.wc-view-card-header > h2 {
  flex: 1;
  min-width: 0;
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.wc-view-card-badge {
  font-size: 0.75rem;
  color: var(--muted-foreground);
}
.wc-view-card-body {
  display: grid;
  align-content: start;
  min-width: 0;
  gap: 0.875rem;
  padding: var(--wc-view-padding, 0.875rem);
}
.wc-view-card-body > * {
  min-width: 0;
}
/* Groups divide a single shared card, without adding another card surface. */
.wc-view-group {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: transparent;
  box-shadow: none;
}
.wc-view-group > legend {
  max-width: calc(100% - 1.5rem);
  margin-left: .625rem;
  padding-inline: .25rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.wc-view-group-title { display: flex; align-items: center; gap: .5rem; min-width: 0; }
.wc-view-group-title > svg { flex: 0 0 auto; }
.wc-view-group > .wc-view-actions { background: transparent; }
.wc-view-field {
  display: grid;
  grid-template-columns: minmax(0, var(--wc-view-label, 7rem)) minmax(0, 1fr);
  align-items: center;
  gap: 0.375rem 0.5rem;
  min-width: 0;
  font-size: 0.75rem;
}
.wc-view-field > label {
  min-width: 0;
  font-size: inherit;
  font-weight: 500;
  line-height: 1.5;
  hyphens: auto;
  overflow-wrap: anywhere;
}
.wc-view-field
  > :is(input:not([type="hidden"]), textarea, select, [role="combobox"]) {
  grid-column: 2;
  width: 100%;
  min-width: 0;
  font-size: 0.75rem;
}
.wc-view-field
  > :is(
    input:not([type="range"]):not([type="hidden"]),
    textarea,
    select,
    [role="combobox"]
  ) {
  min-height: 2.25rem;
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 0.375rem 0.625rem;
  color: var(--foreground);
  background-color: var(--background);
}
.wc-view-field > :is(input, textarea, select, [role="combobox"]):focus-visible {
  border-color: var(--ring);
  outline: 2px solid var(--ring);
  outline-offset: 1px;
}
.wc-view-field > [aria-invalid="true"] {
  border-color: var(--destructive);
}
.wc-view-field > textarea {
  resize: vertical;
  min-height: 5rem;
}
.wc-view-field:has(> textarea) {
  align-items: start;
}
.wc-view-field:has(> textarea) > label {
  padding-top: 0.5rem;
}
.wc-view-field > input[type="range"] {
  min-height: 2.25rem;
  accent-color: var(--primary);
  cursor: pointer;
}
.wc-view-field-value {
  display: block;
  color: var(--muted-foreground);
  font-variant-numeric: tabular-nums;
}
.wc-view-hint {
  display: block;
  color: var(--muted-foreground);
  font-size: 0.7rem;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.wc-view-field > .wc-view-hint {
  grid-column: 2;
}
.wc-view-field[data-layout="switch"] {
  grid-template-columns: minmax(0, 1fr) auto;
}
.wc-view-field[data-layout="switch"] > [role="switch"] {
  grid-column: 2;
  grid-row: 1 / span 2;
  justify-self: end;
}
.wc-view-field[data-layout="switch"] > .wc-view-hint {
  grid-column: 1;
}
.wc-view-check {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  min-width: 0;
  font-size: 0.75rem;
  line-height: 1.5;
  cursor: pointer;
}
.wc-view-check
  > :is([role="checkbox"], input[type="checkbox"], input[type="radio"]) {
  flex: 0 0 1rem;
  width: 1rem;
  height: 1rem;
  margin-top: 0.125rem;
  accent-color: var(--primary);
}
.wc-view-check > span {
  min-width: 0;
  overflow-wrap: anywhere;
}
.wc-view-choice {
  padding: 0.625rem;
  border: 1px solid var(--border);
  border-radius: 6px;
}
.wc-view-choice[data-checked="true"] {
  border-color: var(--primary);
  background: var(--muted);
}
.wc-view-choice:focus-within {
  outline: 2px solid var(--ring);
  outline-offset: 1px;
}
.wc-view-check:has(:disabled) {
  cursor: default;
  opacity: 0.65;
}
.wc-view-actions.wc-window-footer {
  /* biome-ignore lint/complexity/noImportantStyles: The shared WindowFooter reset also uses !important; this adjustment is scoped to views. */
  padding: var(--wc-view-padding, 0.875rem) !important;
}
.wc-view-form > fieldset > .wc-view-actions {
  /* biome-ignore lint/complexity/noImportantStyles: Override the shared footer margin reset only for the outer view action row. */
  margin-top: var(--wc-view-gap, 1rem) !important;
  border: 1px solid var(--border);
  border-radius: 6px;
}
.wc-view-form > fieldset > [role="alert"] {
  margin-top: 1rem;
  font-size: 0.8rem;
  color: var(--destructive);
}
.wc-view-note,
.wc-view-empty {
  font-size: 0.75rem;
  line-height: 1.5;
  color: var(--muted-foreground);
}
.wc-view-list {
  display: grid;
  gap: 0.5rem;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wc-view-list > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-width: 0;
  padding: 0.625rem;
  border: 1px solid var(--border);
  border-radius: 6px;
}
.wc-view-list > li > strong {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: 0.8rem;
  font-weight: 500;
}
@media (max-width: 600px) {
  .wc-view-grid,
  .wc-view-form {
    --wc-view-padding: 0.75rem;
    --wc-view-label: 6.5rem;
    --wc-view-gap: 0.75rem;
  }
  .wc-view-field
    > :is(input:not([type="hidden"]), textarea, select, [role="combobox"]) {
    min-height: 2.5rem;
  }
}
.wc-public-form-brand small { display: block; flex-basis: 100%; color: var(--muted-foreground); font-size: .75rem; overflow-wrap: anywhere; }
.wc-public-form-brand { flex-wrap: wrap; }
.wc-contract-indices {
  display: grid;
  gap: .875rem;
  min-width: 0;
}
.wc-contract-indices .wc-page-toolbar-actions > [data-slot="select-trigger"],
.wc-contract-indices .wc-grid-card-actions > input {
  max-width: 22rem;
}
.wc-contract-index-range,
.wc-contract-index-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: .75rem;
}
.wc-contract-index-range label {
  display: flex;
  align-items: center;
  gap: .5rem;
  font-size: .75rem;
}
.wc-contract-index-range input { width: 6rem; }
.wc-index-workspace { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .7fr) minmax(16rem, 1fr); gap: var(--wc-view-gap, 1rem); align-items: start; }
.wc-index-workspace > * { min-width: 0; }
.wc-index-workspace .wc-view-field { display: grid; grid-template-columns: minmax(6rem, 1fr) minmax(6rem, 1fr); align-items: center; gap: .75rem; }
@media (max-width: 800px) { .wc-index-workspace { grid-template-columns: minmax(0, 1fr); } }
.wc-contract-index-matrix {
  min-width: 0;
  max-width: 100%;
  overflow: auto;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--card);
  color: var(--card-foreground);
}
.wc-contract-index-matrix table { width: 100%; border-collapse: collapse; font-size: .75rem; }
.wc-contract-index-matrix th,
.wc-contract-index-matrix td { border: 1px solid var(--border); padding: .25rem; text-align: center; }
.wc-contract-index-matrix th { background: var(--muted); font-weight: 600; white-space: nowrap; }
.wc-contract-index-cell { display: inline-flex; flex-direction: column; height: auto; min-height: 2.5rem; gap: .125rem; font-variant-numeric: tabular-nums; }
.wc-contract-index-cell small { font-size: .625rem; color: var(--muted-foreground); }
.wc-contract-index-chart svg { display: block; width: 100%; max-height: 24rem; }
.wc-contract-index-chart text { fill: var(--foreground); font-size: 12px; }
.wc-contract-index-chart figcaption { font-size: .75rem; }
.wc-contract-index-rows { min-width: 0; max-width: 100%; max-height: 32rem; overflow: auto; }
.wc-contract-workspace { display: grid; gap: 1rem; min-width: 0; }
.wc-contract-workspace-top { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 1rem; align-items: stretch; }
.wc-contract-grid-layout { min-width: 0; }
.wc-contract-workspace-top > .wc-contract-grid {
  height: var(--contract-grid-height, 420px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.wc-contract-workspace-top > .wc-contract-grid > .wc-page-toolbar { flex: 0 0 auto; }
.wc-contract-workspace-top > .wc-contract-grid > [data-record-grid] {
  flex: 1;
  min-height: 0;
  max-height: none;
  overflow: hidden;
}
.wc-contract-workspace-top [data-record-grid] > .border { flex: 1; min-height: 0; }
.wc-contract-workspace-top [data-slot="table-container"] { height: 100%; overflow: auto; }
.wc-contract-workspace-top [data-record-grid] > .flex { flex-shrink: 0; }
.wc-contract-grid-resizer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  cursor: ns-resize;
  touch-action: none;
  user-select: none;
  border-radius: var(--radius);
}
.wc-contract-grid-resizer > span { width: 3rem; height: 4px; border-radius: 2px; background: var(--border); }
.wc-contract-grid-resizer:hover > span,
.wc-contract-grid-resizer:focus-visible > span { background: var(--primary); }
.wc-contract-grid-resizer:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
.wc-contract-grid { min-width: 0; padding: .875rem; }
.wc-contract-grid [data-record-grid] { max-height: 28rem; }
.wc-contract-grid [data-slot=table-cell] [data-slot=input] { min-width: 7rem; }
.wc-contract-grid [data-slot=table-cell] [data-slot=themed-select] { min-width: 10rem; }
.wc-contract-grid .wc-page-toolbar { flex-wrap: wrap; margin-bottom: .75rem; }
.wc-contract-grid .wc-page-toolbar-actions { flex-wrap: wrap; min-width: 0; }
.wc-contract-grid :is(.wc-page-toolbar-actions, .wc-record-toolbar) > input { width: 10rem; max-width: 100%; flex: 1 1 8rem; }
.wc-contract-grid :is(.wc-page-toolbar-actions, .wc-record-toolbar) > [data-slot="themed-select"] { width: 10rem; max-width: 100%; flex: 0 1 auto; }
.wc-contract-detail-actions { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.wc-contract-pagination { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; font-size: .75rem; }
.wc-contract-pagination > span { margin-right: auto; }
.wc-contract-detail { min-width: 0; display: grid; gap: .875rem; }
.wc-contract-detail fieldset:not(.wc-view-group) { min-width: 0; padding: 0; border: 0; }
.wc-contract-detail-card { padding: .875rem; }
.wc-contract-detail-card .wc-contract-grid-embedded { padding: 0; }
.wc-contract-detail form { min-width: 0; }
.wc-contract-detail-heading { display: flex; gap: .75rem; flex-wrap: wrap; align-items: baseline; }
.wc-contract-detail-heading h3 { font-weight: 600; overflow-wrap: anywhere; }
.wc-contract-detail-heading > span { font-size: .75rem; color: var(--muted-foreground); }
@media (max-width: 800px) {
  /* Keep focused/scrolled rows above the fixed mobile quick navigation. */
  .wc-contract-grid [data-row-id] { scroll-margin-block-end: calc(4.75rem + env(safe-area-inset-bottom)); }
  .wc-contract-grid :is(.wc-page-toolbar-actions, .wc-record-toolbar) > [data-slot="themed-select"] { width: auto; min-width: 0; flex: 1 1 6.5rem; }
}
@media (max-width: 1100px) { .wc-contract-workspace-top { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 600px) {
  .wc-contract-workspace, .wc-contract-workspace-top { gap: .75rem; }
  .wc-contract-grid { padding: .75rem; }
  .wc-contract-detail-card { padding: .75rem; }
}
.wc-portal-editor-fields,
.wc-portal-blocks,
.wc-portal-file-input,
.wc-portal-image-editor,
.wc-portal-media-item {
  display: grid;
  gap: .75rem;
  min-width: 0;
}
.wc-portal-inline-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.wc-portal-block-create { display: flex; align-items: center; gap: .5rem; min-width: 0; }
.wc-portal-block-create > .wc-view-field { flex: 1; min-width: 0; }
.wc-portal-block-create > button { flex: 0 0 auto; }
.wc-evidence-layout[data-has-open="false"] > [aria-label="Nachweise"] { grid-column: 1 / -1; }
.wc-portal-crop {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--muted);
  border: 1px solid var(--border);
  touch-action: none;
  cursor: move;
}
.wc-portal-crop img { position: absolute; max-width: none; pointer-events: none; user-select: none; }
.wc-portal-crop > span { display: grid; place-items: center; height: 100%; color: var(--muted-foreground); }
.wc-portal-crop:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
.wc-portal-media-preview { display: block; max-width: 100%; width: 100%; max-height: 22rem; object-fit: contain; }
.wc-portal-booking-period { display: grid; gap: .5rem; min-width: 0; border-top: 1px solid var(--border); padding-top: .5rem; }
.wc-portal-booking-calendar { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: .25rem; min-width: 0; user-select: none; }
.wc-portal-booking-weekday { text-align: center; font-size: .7rem; color: var(--muted-foreground); }
.wc-portal-booking-calendar .wc-portal-booking-day { width: 100%; min-width: 0; height: 2.5rem; padding: 0; font-size: .75rem; color: var(--foreground); }
.wc-portal-booking-day[data-outside="true"] { border-style: dashed; }
.wc-portal-booking-day[data-tone="blocked"], .wc-portal-booking-legend [data-tone="blocked"] { --booking-color: #dc2626; }
.wc-portal-booking-day[data-tone="own"], .wc-portal-booking-legend [data-tone="own"] { --booking-color: #16a34a; }
.wc-portal-booking-day[data-tone="new"], .wc-portal-booking-legend [data-tone="new"] { --booking-color: #f97316; }
.wc-portal-booking-calendar .wc-portal-booking-day:not([data-tone="free"]) { background: color-mix(in srgb, var(--booking-color) 24%, var(--card)); border-color: var(--booking-color); opacity: 1; }
.wc-portal-booking-calendar .wc-portal-booking-day:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
.wc-portal-booking-legend { display: flex; flex-wrap: wrap; gap: .25rem .75rem; font-size: .7rem; }
.wc-portal-booking-legend span::before { content: ""; display: inline-block; width: .5rem; height: .5rem; margin-right: .25rem; border-radius: 50%; background: var(--booking-color); }
.wc-portal-booking-own { display: grid; min-width: 0; gap: .25rem; font-size: .75rem; }
.wc-portal-booking-own button { white-space: normal; height: auto; min-height: 2.5rem; overflow-wrap: anywhere; }
.wc-portal-embed > iframe { border: 0; width: 100%; min-height: 200px; height: 20rem; }
.wc-portal-facebook { min-width: 0; width: 100%; overflow-x: auto; }
.wc-portal-statistics { --wc-portal-chart-height: 120px; flex: 0 0 auto; min-width: 0; }
.wc-portal-statistics > .wc-card { padding: .5rem .75rem; }
.wc-portal-statistics-heading, .wc-portal-statistics-legend { display: flex; align-items: center; flex-wrap: wrap; gap: .25rem 1rem; }
.wc-portal-statistics-heading { justify-content: space-between; }
.wc-portal-statistics-heading h2 { font-size: .8rem; margin: 0; }
.wc-portal-statistics-legend { font-size: .7rem; }
.wc-portal-statistics svg { display: block; width: 100%; height: var(--wc-portal-chart-height); overflow: visible; }
.wc-portal-statistics svg text { fill: var(--muted-foreground); font-size: 10px; }
.wc-portal-chart-axis { stroke: var(--border); fill: none; }
.wc-portal-chart-impressions, .wc-portal-chart-clicks { fill: none; stroke-width: 2; vector-effect: non-scaling-stroke; }
.wc-portal-chart-impressions { stroke: var(--primary); }
.wc-portal-chart-clicks { stroke: var(--foreground); stroke-dasharray: 5 3; }
.wc-portal-impressions::before, .wc-portal-clicks::before { content: ""; display: inline-block; width: 1rem; margin-right: .35rem; vertical-align: middle; border-top: 2px solid var(--primary); }
.wc-portal-clicks::before { border-color: var(--foreground); border-top-style: dashed; }
.wc-portal-teaser { width: 100%; display: grid; text-align: left; gap: .5rem; padding: .75rem; background: var(--card); color: var(--card-foreground); border: 1px solid var(--border); border-radius: 6px; cursor: pointer; }
.wc-portal-teaser img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.wc-portal-teaser:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
.wc-page-toolbar-actions:has(> .wc-portal-grant-company) { flex: 0 1 30rem; min-width: 0; flex-wrap: nowrap; }
.wc-page-toolbar-actions > .wc-portal-grant-company { flex: 1 1 14rem; width: 14rem; min-width: 0; }
@media (max-height: 600px) {
  .wc-portal-statistics { --wc-portal-chart-height: 70px; }
  /* Keep an actual header and complete data row usable; scroll the workspace
     when chart + grid cannot both fit, rather than crushing the table to zero. */
  .wc-app[data-fill-workspace=true] .wc-screen:has(> .wc-portal-statistics) { overflow-y: auto; }
  .wc-app[data-fill-workspace=true] .wc-screen > .wc-portal-entry-list { flex: 1 0 230px; min-height: 230px; }
}
@media (max-width: 520px) {
  .wc-portal-entry-list .wc-grid-card-header { flex-wrap: nowrap; }
  .wc-portal-entry-list .wc-grid-card-header > h2 { display: block; height: auto; flex: 1; font-size: .8rem; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .wc-portal-entry-list .wc-grid-card-actions { width: auto; margin-left: auto; flex: 0 0 auto; }
}
.wc-editorial-workspace { display: flex; flex: 1; flex-direction: column; min-width: 0; min-height: 0; gap: .75rem; overflow: hidden; }
.wc-editorial-workspace > .wc-order-view-tabs { flex: 0 0 auto; }
.wc-editorial-workspace > [role=alert] { flex: 0 0 auto; white-space: pre-line; }
.wc-editorial-profile { flex: 1; min-height: 0; overflow: auto; padding: 2px; }

/* Small schematic print previews; selecting one only changes the local draft. */
.wc-letterhead-choices { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 8rem), 1fr)); gap: .5rem; }
.wc-letterhead-choice { min-width: 0; display: flex; flex-direction: column; align-items: center; gap: .5rem; padding: .625rem; border: 1px solid var(--border); border-radius: 6px; background: var(--card); color: var(--card-foreground); font: inherit; font-size: .75rem; text-align: center; cursor: pointer; }
.wc-letterhead-choice[aria-pressed=true] { border-color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary); }
.wc-letterhead-choice:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
.wc-letterhead-choice:disabled { opacity: .5; cursor: default; }
.wc-letterhead-sample { width: 5rem; height: 6.5rem; display: flex; flex-direction: column; gap: .5rem; padding: .65rem .5rem .4rem; background: var(--background); color: var(--foreground); border: 1px solid var(--border); }
.wc-letterhead-sample-heading { height: .9rem; border-bottom: 2px solid var(--primary); }
.wc-letterhead-sample-address { height: .65rem; width: 45%; background: color-mix(in srgb, currentColor 25%, transparent); }
.wc-letterhead-sample-lines { height: 1.75rem; background: repeating-linear-gradient(to bottom, color-mix(in srgb, currentColor 18%, transparent) 0 1px, transparent 1px .4rem); }
.wc-letterhead-sample-footer { margin-top: auto; border-top: 1px solid var(--border); }
.wc-letterhead-sample[data-design=technical] .wc-letterhead-sample-heading { border-bottom: 0; border-left: 4px solid var(--primary); background: color-mix(in srgb, var(--primary) 12%, transparent); }
.wc-letterhead-sample[data-design=minimal] .wc-letterhead-sample-heading { width: 60%; border: 0; height: .3rem; margin-block: .3rem; background: currentColor; }
.wc-letterhead-sample[data-design=band] .wc-letterhead-sample-heading { background: var(--primary); border: 0; margin-inline: -.5rem; }

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/creator-login.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wc-login-page { min-height: 100svh; display: flex; flex-direction: column; background: var(--background); color: var(--foreground); }
.wc-login-header, .wc-login-footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.5rem clamp(1.25rem, 5vw, 5rem); }
.wc-login-header > span { display: flex; align-items: center; gap: .5rem; font-size: .75rem; color: var(--muted-foreground); }
.wc-login-main { flex: 1; width: min(100%, 1240px); margin: auto; display: grid; grid-template-columns: 1.15fr 1fr; align-items: center; gap: clamp(2rem, 6vw, 6rem); padding: 2rem clamp(1.25rem, 4vw, 3rem); }
.wc-login-story { min-width: 0; animation: wc-login-enter .65s ease-out both; }
.wc-login-kicker { color: var(--primary); font-size: .65rem; letter-spacing: .17em; font-weight: 650; }
.wc-login-story h1 { font-size: clamp(2.4rem, 4.2vw, 3.8rem); line-height: 1.12; letter-spacing: -.045em; font-weight: 600; margin: 1.2rem 0; }
.wc-login-story h1 em { color: var(--primary); font-style: normal; }
.wc-login-story > p { color: var(--muted-foreground); line-height: 1.8; font-size: .95rem; }
.wc-login-illustration { position: relative; height: 270px; max-width: 460px; margin-top: 1.5rem; isolation: isolate; pointer-events: none; }
.wc-login-orbit { position: absolute; inset: 22px 50px; border: 1px dashed color-mix(in srgb, var(--primary) 30%, transparent); border-radius: 50%; transform: rotate(-20deg); background: radial-gradient(ellipse, color-mix(in srgb, var(--primary) 9%, transparent), transparent 70%); }
.wc-login-hub { position: absolute; top: 84px; left: 32%; display: grid; justify-items: center; gap: .8rem; padding: 1.5rem; background: var(--card); border: 1px solid var(--border); border-radius: 6px; box-shadow: 0 1px 4px rgb(0 0 0 / 8%); font-size: .75rem; }
.wc-login-hub svg { color: var(--primary); }
.wc-login-node { position: absolute; display: flex; align-items: center; gap: .65rem; padding: .85rem 1rem; background: var(--card); border: 1px solid var(--border); border-radius: 6px; font-size: .75rem; box-shadow: 0 1px 4px rgb(0 0 0 / 8%); animation: wc-login-enter .8s .15s ease-out both; }
.wc-login-node svg { color: var(--primary); }
.wc-login-node-team { top: 18px; left: 14%; }
.wc-login-node-work { top: 74px; right: 0; animation-delay: .25s; }
.wc-login-node-data { bottom: 12px; left: 13%; animation-delay: .35s; }
.wc-login-caption { display: flex; align-items: center; gap: .5rem; color: var(--muted-foreground); font-size: .75rem; }
.wc-login-caption > span { width: 6px; height: 6px; border-radius: 50%; background: var(--primary); }
.wc-login-access { width: 100%; min-width: 0; max-width: 460px; justify-self: end; animation: wc-login-enter .6s .08s ease-out both; }
.wc-login-access .wc-auth-form { background: var(--card); color: var(--card-foreground); border: 1px solid var(--border); border-radius: 6px; box-shadow: 0 1px 4px rgb(0 0 0 / 8%); padding: clamp(1.5rem, 3vw, 2.75rem); }
.wc-login-access .wc-auth-form h2 { font-size: 1.8rem; }
.wc-login-access .wc-auth-form input:not([type=checkbox]) { min-height: 46px; transition: border-color .18s, box-shadow .18s; }
.wc-login-access .wc-auth-form input:focus-visible { border-color: var(--primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent); }
.wc-login-access .wc-primary { width: 100%; transition: filter .18s, transform .18s; }
.wc-login-access .wc-primary:hover:not(:disabled) { filter: brightness(1.06); transform: translateY(-1px); }
.wc-login-access .wc-primary:active:not(:disabled) { transform: translateY(0); }
.wc-auth-form label.wc-login-remember { flex-direction: row; align-items: flex-start; gap: .65rem; cursor: pointer; }
.wc-auth-form .wc-login-remember input { width: 16px; height: 16px; min-height: 0; padding: 0; margin-top: 2px; flex-shrink: 0; accent-color: var(--primary); }
.wc-login-remember small { display: block; margin-top: .3rem; color: var(--muted-foreground); font-size: .65rem; font-weight: 400; }
.wc-login-footer { color: var(--muted-foreground); font-size: .7rem; }
@keyframes wc-login-enter { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 800px) {
  .wc-login-main { grid-template-columns: 1fr; gap: 1.5rem; max-width: 500px; padding-top: 1rem; }
  .wc-login-story h1 { font-size: 2rem; margin: .7rem 0; }
  .wc-login-story > p, .wc-login-illustration, .wc-login-caption, .wc-login-header > span { display: none; }
  .wc-login-access { max-width: none; }
  .wc-login-header { padding-block: 1rem; }
  .wc-login-footer { flex-wrap: wrap; padding-block: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
  .wc-login-page *, .wc-login-page *::before, .wc-login-page *::after { animation: none !important; transition: none !important; }
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/compact-text-editor.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wc-compact-text-editor { width: 100%; min-width: 0; border: 1px solid var(--border); border-radius: 6px; overflow: hidden; }
.wc-compact-text-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; padding: 6px; background: var(--muted); border-bottom: 1px solid var(--border); }
.wc-compact-text-toolbar > button { flex-shrink: 0; }
.wc-compact-text-toolbar > [data-slot="themed-select"] { width: 92px; }
.wc-compact-text-toolbar button[aria-pressed="true"] { background: var(--primary); color: var(--primary-foreground); }
.wc-compact-text-input { min-height: 150px; max-height: 450px; overflow: auto; resize: vertical; padding: 10px; background: var(--background); color: var(--foreground); outline: none; }
.wc-compact-text-input:focus-visible { box-shadow: inset 0 0 0 2px var(--ring); }
.wc-compact-text-input[aria-disabled="true"] { opacity: .6; }
.wc-rich-text-content { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.5; }
.wc-rich-text-content p { min-height: 1.5em; margin-block: 0 .5em; }
.wc-rich-text-content ul, .wc-rich-text-content ol { list-style: disc; padding-left: 1.5em; margin-block: .5em; }
.wc-rich-text-content font[size="5"] { font-size: 1.25em; }
.wc-rich-text-content font[size="3"] { font-size: 1em; }
.wc-rich-text-content table { width: 100%; table-layout: fixed; border-collapse: collapse; margin-block: .5em; }
.wc-rich-text-content td { border: 1px solid var(--border); min-width: 2em; padding: 6px; vertical-align: top; }
.wc-rich-text-table-scroll { max-width: 100%; overflow-x: auto; }
.wc-table-picker { width: 200px; max-width: calc(100vw - 24px); }
.wc-table-picker-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; }
.wc-table-picker-grid button { aspect-ratio: 1; border: 1px solid var(--border); border-radius: 4px; background: var(--background); cursor: pointer; }
.wc-table-picker-grid button[data-active] { border-color: var(--primary); background: color-mix(in srgb, var(--primary) 30%, var(--background)); }
.wc-table-picker-grid button:focus-visible { outline: 2px solid var(--ring); outline-offset: 1px; }