frutjam/dist/base.css

CSS-only Tailwind CSS v4 component library, also usable with UnoCSS or no build step at all. 65+ accessible UI components, zero JavaScript, WCAG AA guaranteed. Free MCP server for AI editors included.

/*! frutjam v2.3.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer base{:root,[data-theme]{--palette-shade-light-color:#fff;--palette-shade-dark-color:#000;--color-body:currentColor;@supports(color:color-mix(in lab,red,red)){--color-body:color-mix(in oklch, currentColor 80%, transparent)}-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:var(--scheme-color,light);color:var(--color-on-base);background-color:var(--color-base);--color-base-soft:light-dark(
      var(--color-on-base),
      var(--color-on-base)
    );@supports(color:color-mix(in lab,red,red)){--color-base-soft:light-dark(
      color-mix(in oklch, var(--color-on-base)  8%, var(--color-base) 92%),
      color-mix(in oklch, var(--color-on-base) 16%, var(--color-base) 84%)
    )}--color-on-base-soft:var(--color-on-base);--color-base-active:light-dark(
      var(--color-on-base),
      var(--color-on-base)
    );@supports(color:color-mix(in lab,red,red)){--color-base-active:light-dark(
      color-mix(in oklch, var(--color-on-base) 14%, var(--color-base) 86%),
      color-mix(in oklch, var(--color-on-base) 26%, var(--color-base) 74%)
    )}--color-base-50:var(--color-on-base);@supports(color:color-mix(in lab,red,red)){--color-base-50:color-mix(in oklch, var(--color-on-base)  4%, var(--color-base) 96%)}--color-base-100:var(--color-on-base);@supports(color:color-mix(in lab,red,red)){--color-base-100:color-mix(in oklch, var(--color-on-base)  8%, var(--color-base) 92%)}--color-base-200:var(--color-on-base);@supports(color:color-mix(in lab,red,red)){--color-base-200:color-mix(in oklch, var(--color-on-base) 16%, var(--color-base) 84%)}--color-base-300:var(--color-on-base);@supports(color:color-mix(in lab,red,red)){--color-base-300:color-mix(in oklch, var(--color-on-base) 26%, var(--color-base) 74%)}--color-base-400:var(--color-on-base);@supports(color:color-mix(in lab,red,red)){--color-base-400:color-mix(in oklch, var(--color-on-base) 36%, var(--color-base) 64%)}--color-base-500:var(--color-base);--color-base-600:var(--color-on-base);@supports(color:color-mix(in lab,red,red)){--color-base-600:color-mix(in oklch, var(--color-on-base) 50%, var(--color-base) 50%)}--color-base-700:var(--color-on-base);@supports(color:color-mix(in lab,red,red)){--color-base-700:color-mix(in oklch, var(--color-on-base) 62%, var(--color-base) 38%)}--color-base-800:var(--color-on-base);@supports(color:color-mix(in lab,red,red)){--color-base-800:color-mix(in oklch, var(--color-on-base) 74%, var(--color-base) 26%)}--color-base-900:var(--color-on-base);@supports(color:color-mix(in lab,red,red)){--color-base-900:color-mix(in oklch, var(--color-on-base) 86%, var(--color-base) 14%)}--color-base-950:var(--color-on-base);@supports(color:color-mix(in lab,red,red)){--color-base-950:color-mix(in oklch, var(--color-on-base) 92%, var(--color-base)  8%)}--color-neutral-soft:light-dark(var(--color-neutral-50), var(--color-neutral));@supports(color:color-mix(in lab,red,red)){--color-neutral-soft:light-dark(var(--color-neutral-50), color-mix(in srgb, var(--color-neutral) 20%, var(--color-base) 80%))}--color-on-neutral-soft:light-dark(var(--color-neutral-700), var(--color-neutral-300));--color-neutral-active:light-dark(
      var(--palette-shade-dark-color),
      var(--palette-shade-light-color)
    );@supports(color:color-mix(in lab,red,red)){--color-neutral-active:light-dark(
      color-mix(in oklch, var(--palette-shade-dark-color)  15%, var(--color-neutral) 85%),
      color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-neutral) 85%)
    )}--color-neutral-50:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-neutral-50:color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-neutral) 20%)}--color-neutral-100:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-neutral-100:color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-neutral) 35%)}--color-neutral-200:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-neutral-200:color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-neutral) 50%)}--color-neutral-300:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-neutral-300:color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-neutral) 65%)}--color-neutral-400:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-neutral-400:color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-neutral) 82%)}--color-neutral-500:var(--color-neutral);--color-neutral-600:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-neutral-600:color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-neutral) 82%)}--color-neutral-700:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-neutral-700:color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-neutral) 66%)}--color-neutral-800:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-neutral-800:color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-neutral) 50%)}--color-neutral-900:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-neutral-900:color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-neutral) 35%)}--color-neutral-950:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-neutral-950:color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-neutral) 20%)}--color-primary-soft:light-dark(var(--color-primary-50), var(--color-primary));@supports(color:color-mix(in lab,red,red)){--color-primary-soft:light-dark(var(--color-primary-50), color-mix(in srgb, var(--color-primary) 20%, var(--color-base) 80%))}--color-on-primary-soft:light-dark(var(--color-primary-700), var(--color-primary-300));--color-primary-active:light-dark(
      var(--palette-shade-dark-color),
      var(--palette-shade-light-color)
    );@supports(color:color-mix(in lab,red,red)){--color-primary-active:light-dark(
      color-mix(in oklch, var(--palette-shade-dark-color)  15%, var(--color-primary) 85%),
      color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-primary) 85%)
    )}--color-primary-50:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-primary-50:color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-primary) 20%)}--color-primary-100:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-primary-100:color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-primary) 35%)}--color-primary-200:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-primary-200:color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-primary) 50%)}--color-primary-300:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-primary-300:color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-primary) 65%)}--color-primary-400:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-primary-400:color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-primary) 82%)}--color-primary-500:var(--color-primary);--color-primary-600:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-primary-600:color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-primary) 82%)}--color-primary-700:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-primary-700:color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-primary) 66%)}--color-primary-800:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-primary-800:color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-primary) 50%)}--color-primary-900:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-primary-900:color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-primary) 35%)}--color-primary-950:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-primary-950:color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-primary) 20%)}--color-secondary-soft:light-dark(var(--color-secondary-50), var(--color-secondary));@supports(color:color-mix(in lab,red,red)){--color-secondary-soft:light-dark(var(--color-secondary-50), color-mix(in srgb, var(--color-secondary) 20%, var(--color-base) 80%))}--color-on-secondary-soft:light-dark(var(--color-secondary-700), var(--color-secondary-300));--color-secondary-active:light-dark(
      var(--palette-shade-dark-color),
      var(--palette-shade-light-color)
    );@supports(color:color-mix(in lab,red,red)){--color-secondary-active:light-dark(
      color-mix(in oklch, var(--palette-shade-dark-color)  15%, var(--color-secondary) 85%),
      color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-secondary) 85%)
    )}--color-secondary-50:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-secondary-50:color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-secondary) 20%)}--color-secondary-100:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-secondary-100:color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-secondary) 35%)}--color-secondary-200:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-secondary-200:color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-secondary) 50%)}--color-secondary-300:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-secondary-300:color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-secondary) 65%)}--color-secondary-400:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-secondary-400:color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-secondary) 82%)}--color-secondary-500:var(--color-secondary);--color-secondary-600:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-secondary-600:color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-secondary) 82%)}--color-secondary-700:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-secondary-700:color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-secondary) 66%)}--color-secondary-800:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-secondary-800:color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-secondary) 50%)}--color-secondary-900:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-secondary-900:color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-secondary) 35%)}--color-secondary-950:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-secondary-950:color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-secondary) 20%)}--color-accent-soft:light-dark(var(--color-accent-50), var(--color-accent));@supports(color:color-mix(in lab,red,red)){--color-accent-soft:light-dark(var(--color-accent-50), color-mix(in srgb, var(--color-accent) 20%, var(--color-base) 80%))}--color-on-accent-soft:light-dark(var(--color-accent-700), var(--color-accent-300));--color-accent-active:light-dark(
      var(--palette-shade-dark-color),
      var(--palette-shade-light-color)
    );@supports(color:color-mix(in lab,red,red)){--color-accent-active:light-dark(
      color-mix(in oklch, var(--palette-shade-dark-color)  15%, var(--color-accent) 85%),
      color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-accent) 85%)
    )}--color-accent-50:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-accent-50:color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-accent) 20%)}--color-accent-100:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-accent-100:color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-accent) 35%)}--color-accent-200:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-accent-200:color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-accent) 50%)}--color-accent-300:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-accent-300:color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-accent) 65%)}--color-accent-400:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-accent-400:color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-accent) 82%)}--color-accent-500:var(--color-accent);--color-accent-600:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-accent-600:color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-accent) 82%)}--color-accent-700:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-accent-700:color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-accent) 66%)}--color-accent-800:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-accent-800:color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-accent) 50%)}--color-accent-900:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-accent-900:color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-accent) 35%)}--color-accent-950:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-accent-950:color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-accent) 20%)}--color-info-soft:light-dark(var(--color-info-50), var(--color-info));@supports(color:color-mix(in lab,red,red)){--color-info-soft:light-dark(var(--color-info-50), color-mix(in srgb, var(--color-info) 20%, var(--color-base) 80%))}--color-on-info-soft:light-dark(var(--color-info-700), var(--color-info-300));--color-info-active:light-dark(
      var(--palette-shade-dark-color),
      var(--palette-shade-light-color)
    );@supports(color:color-mix(in lab,red,red)){--color-info-active:light-dark(
      color-mix(in oklch, var(--palette-shade-dark-color)  15%, var(--color-info) 85%),
      color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-info) 85%)
    )}--color-info-50:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-info-50:color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-info) 20%)}--color-info-100:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-info-100:color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-info) 35%)}--color-info-200:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-info-200:color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-info) 50%)}--color-info-300:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-info-300:color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-info) 65%)}--color-info-400:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-info-400:color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-info) 82%)}--color-info-500:var(--color-info);--color-info-600:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-info-600:color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-info) 82%)}--color-info-700:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-info-700:color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-info) 66%)}--color-info-800:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-info-800:color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-info) 50%)}--color-info-900:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-info-900:color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-info) 35%)}--color-info-950:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-info-950:color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-info) 20%)}--color-success-soft:light-dark(var(--color-success-50), var(--color-success));@supports(color:color-mix(in lab,red,red)){--color-success-soft:light-dark(var(--color-success-50), color-mix(in srgb, var(--color-success) 20%, var(--color-base) 80%))}--color-on-success-soft:light-dark(var(--color-success-700), var(--color-success-300));--color-success-active:light-dark(
      var(--palette-shade-dark-color),
      var(--palette-shade-light-color)
    );@supports(color:color-mix(in lab,red,red)){--color-success-active:light-dark(
      color-mix(in oklch, var(--palette-shade-dark-color)  15%, var(--color-success) 85%),
      color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-success) 85%)
    )}--color-success-50:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-success-50:color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-success) 20%)}--color-success-100:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-success-100:color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-success) 35%)}--color-success-200:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-success-200:color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-success) 50%)}--color-success-300:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-success-300:color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-success) 65%)}--color-success-400:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-success-400:color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-success) 82%)}--color-success-500:var(--color-success);--color-success-600:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-success-600:color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-success) 82%)}--color-success-700:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-success-700:color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-success) 66%)}--color-success-800:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-success-800:color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-success) 50%)}--color-success-900:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-success-900:color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-success) 35%)}--color-success-950:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-success-950:color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-success) 20%)}--color-warning-soft:light-dark(var(--color-warning-50), var(--color-warning));@supports(color:color-mix(in lab,red,red)){--color-warning-soft:light-dark(var(--color-warning-50), color-mix(in srgb, var(--color-warning) 20%, var(--color-base) 80%))}--color-on-warning-soft:light-dark(var(--color-warning-800), var(--color-warning-300));--color-warning-active:light-dark(
      var(--palette-shade-dark-color),
      var(--palette-shade-light-color)
    );@supports(color:color-mix(in lab,red,red)){--color-warning-active:light-dark(
      color-mix(in oklch, var(--palette-shade-dark-color)  15%, var(--color-warning) 85%),
      color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-warning) 85%)
    )}--color-warning-50:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-warning-50:color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-warning) 20%)}--color-warning-100:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-warning-100:color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-warning) 35%)}--color-warning-200:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-warning-200:color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-warning) 50%)}--color-warning-300:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-warning-300:color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-warning) 65%)}--color-warning-400:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-warning-400:color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-warning) 82%)}--color-warning-500:var(--color-warning);--color-warning-600:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-warning-600:color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-warning) 82%)}--color-warning-700:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-warning-700:color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-warning) 66%)}--color-warning-800:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-warning-800:color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-warning) 50%)}--color-warning-900:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-warning-900:color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-warning) 35%)}--color-warning-950:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-warning-950:color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-warning) 20%)}--color-error-soft:light-dark(var(--color-error-50), var(--color-error));@supports(color:color-mix(in lab,red,red)){--color-error-soft:light-dark(var(--color-error-50), color-mix(in srgb, var(--color-error) 20%, var(--color-base) 80%))}--color-on-error-soft:light-dark(var(--color-error-700), var(--color-error-300));--color-error-active:light-dark(
      var(--palette-shade-dark-color),
      var(--palette-shade-light-color)
    );@supports(color:color-mix(in lab,red,red)){--color-error-active:light-dark(
      color-mix(in oklch, var(--palette-shade-dark-color)  15%, var(--color-error) 85%),
      color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-error) 85%)
    )}--color-error-50:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-error-50:color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-error) 20%)}--color-error-100:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-error-100:color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-error) 35%)}--color-error-200:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-error-200:color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-error) 50%)}--color-error-300:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-error-300:color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-error) 65%)}--color-error-400:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-error-400:color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-error) 82%)}--color-error-500:var(--color-error);--color-error-600:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-error-600:color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-error) 82%)}--color-error-700:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-error-700:color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-error) 66%)}--color-error-800:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-error-800:color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-error) 50%)}--color-error-900:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-error-900:color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-error) 35%)}--color-error-950:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-error-950:color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-error) 20%)}}*,::backdrop,::file-selector-button,:after,:before{box-sizing:border-box;border:0 solid;padding:0;margin:0}:host,html{line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");-webkit-tap-highlight-color:#0000}body{line-height:inherit}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}a,hr{color:inherit}hr{height:0}table{text-indent:0;border-color:inherit;border-collapse:collapse}::file-selector-button,button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:0 0}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}::-webkit-search-decoration{-webkit-appearance:none}::-moz-placeholder{opacity:1;color:currentColor;@supports(color:color-mix(in lab,red,red)){color:color-mix(in oklch,currentColor 50%,transparent)}}::placeholder{opacity:1;color:currentColor;@supports(color:color-mix(in lab,red,red)){color:color-mix(in oklch,currentColor 50%,transparent)}}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block}img,video{max-width:100%;height:auto}textarea{resize:vertical}:where(:root,[data-theme]) footer,:where(:root,[data-theme]) main{background-color:var(--color-base)}:where(:root,[data-theme]) :where(p){text-wrap-style:pretty;color:var(--color-body);font-size:var(--text-base,1rem);line-height:1.7}:where(:root,[data-theme]) :where(menu,ol,ul){color:var(--color-body);font-size:var(--text-base,1rem)}:where(:root,[data-theme]) :where(strong){color:var(--color-on-base)}}hr{border-top-width:1px}:where(:root,[data-theme]) code{background-color:var(--color-base-soft);color:var(--color-on-base-soft);padding:.2em .4em;border-radius:calc(var(--border-radius) * 1.5)}:where(:root,[data-theme]) pre code{background-color:transparent;padding:0;font-size:inherit;border-radius:0}@layer theme{:is([data-theme=snowberry],[data-theme=light]),:root:not([data-theme]){--scheme-color:light;--border-radius:0.25rem;--color-base:oklch(1 0 0);--color-on-base:oklch(0.22 0 0);--color-neutral:oklch(0.15 0 0);--color-on-neutral:oklch(1 0 0);--color-primary:oklch(51.1% 0.262 276.966);--color-on-primary:oklch(96.2% 0.018 272.314);--color-secondary:oklch(0.591 0.293 322.896);--color-on-secondary:oklch(1 0 0);--color-accent:oklch(0.541 0.281 293.009);--color-on-accent:oklch(1 0 0);--color-info:oklch(0.685 0.169 237.323);--color-on-info:oklch(0.15 0 0);--color-success:oklch(0.792 0.209 151.711);--color-on-success:oklch(0.15 0 0);--color-warning:oklch(0.852 0.199 91.936);--color-on-warning:oklch(0.15 0 0);--color-error:oklch(0.577 0.245 27.325);--color-on-error:oklch(1 0 0)}:is([data-theme=darkberry],[data-theme=dark]){--scheme-color:dark;--border-radius:0.25rem;--color-base:oklch(10.889% 0.00301 17.398);--color-on-base:oklch(98% 0.01 270);--color-neutral:oklch(85% 0 0);--color-on-neutral:oklch(20% 0 0);--color-primary:oklch(66.385% 0.18368 285.592);--color-on-primary:oklch(10% 0.01 270);--color-secondary:oklch(65% 0.18 220);--color-on-secondary:oklch(10% 0.01 220);--color-accent:oklch(75% 0.18 50);--color-on-accent:oklch(10% 0.01 50);--color-info:oklch(91.67% .077 205.04);--color-on-info:oklch(10% 0.01 250);--color-success:oklch(65% 0.18 140);--color-on-success:oklch(10% 0.01 140);--color-warning:oklch(75% 0.20 85);--color-on-warning:oklch(10% 0.01 85);--color-error:oklch(60% 0.22 30);--color-on-error:oklch(10% 0.01 30)}}