frutjam/dist/base.css

A utility-first CSS UI Library for Tailwind CSS

/*! frutjam v2.2.1 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
/*! tailwindcss v4.3.0 | 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%)}}}@layer base{*,::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;border-top-width:1px}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,main{background-color:var(--color-base)}:where(p){text-wrap-style:pretty;color:var(--color-body);font-size:var(--text-base,1rem);line-height:1.7}:where(menu,ol,ul){color:var(--color-body);font-size:var(--text-base,1rem)}:where(strong){color:var(--color-on-base)}code{font-weight:600;background-color:var(--color-base-soft);color:var(--color-on-base-soft);padding:.2em .4em;border-radius:calc(var(--border-radius)*1.5)}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)}}@layer theme{: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)}}:host,:root{--color-base:var(--color-base-500);--color-on-base:var(--color-on-base);--color-base-soft:var(--color-base-soft);--color-on-base-soft:var(--color-on-base-soft);--color-base-active:var(--color-base-active);--color-base-50:var(--color-base-50);--color-base-100:var(--color-base-100);--color-base-200:var(--color-base-200);--color-base-300:var(--color-base-300);--color-base-400:var(--color-base-400);--color-base-500:var(--color-base-500);--color-base-600:var(--color-base-600);--color-base-700:var(--color-base-700);--color-base-800:var(--color-base-800);--color-base-900:var(--color-base-900);--color-base-950:var(--color-base-950);--color-neutral:var(--color-neutral-500);--color-on-neutral:var(--color-on-neutral);--color-neutral-soft:var(--color-neutral-soft);--color-on-neutral-soft:var(--color-on-neutral-soft);--color-neutral-active:var(--color-neutral-active);--color-neutral-50:var(--color-neutral-50);--color-neutral-100:var(--color-neutral-100);--color-neutral-200:var(--color-neutral-200);--color-neutral-300:var(--color-neutral-300);--color-neutral-400:var(--color-neutral-400);--color-neutral-500:var(--color-neutral-500);--color-neutral-600:var(--color-neutral-600);--color-neutral-700:var(--color-neutral-700);--color-neutral-800:var(--color-neutral-800);--color-neutral-900:var(--color-neutral-900);--color-neutral-950:var(--color-neutral-950);--color-primary:var(--color-primary-500);--color-on-primary:var(--color-on-primary);--color-primary-soft:var(--color-primary-soft);--color-on-primary-soft:var(--color-on-primary-soft);--color-primary-active:var(--color-primary-active);--color-primary-50:var(--color-primary-50);--color-primary-100:var(--color-primary-100);--color-primary-200:var(--color-primary-200);--color-primary-300:var(--color-primary-300);--color-primary-400:var(--color-primary-400);--color-primary-500:var(--color-primary-500);--color-primary-600:var(--color-primary-600);--color-primary-700:var(--color-primary-700);--color-primary-800:var(--color-primary-800);--color-primary-900:var(--color-primary-900);--color-primary-950:var(--color-primary-950);--color-secondary:var(--color-secondary-500);--color-on-secondary:var(--color-on-secondary);--color-secondary-soft:var(--color-secondary-soft);--color-on-secondary-soft:var(--color-on-secondary-soft);--color-secondary-active:var(--color-secondary-active);--color-secondary-50:var(--color-secondary-50);--color-secondary-100:var(--color-secondary-100);--color-secondary-200:var(--color-secondary-200);--color-secondary-300:var(--color-secondary-300);--color-secondary-400:var(--color-secondary-400);--color-secondary-500:var(--color-secondary-500);--color-secondary-600:var(--color-secondary-600);--color-secondary-700:var(--color-secondary-700);--color-secondary-800:var(--color-secondary-800);--color-secondary-900:var(--color-secondary-900);--color-secondary-950:var(--color-secondary-950);--color-accent:var(--color-accent-500);--color-on-accent:var(--color-on-accent);--color-accent-soft:var(--color-accent-soft);--color-on-accent-soft:var(--color-on-accent-soft);--color-accent-active:var(--color-accent-active);--color-accent-50:var(--color-accent-50);--color-accent-100:var(--color-accent-100);--color-accent-200:var(--color-accent-200);--color-accent-300:var(--color-accent-300);--color-accent-400:var(--color-accent-400);--color-accent-500:var(--color-accent-500);--color-accent-600:var(--color-accent-600);--color-accent-700:var(--color-accent-700);--color-accent-800:var(--color-accent-800);--color-accent-900:var(--color-accent-900);--color-accent-950:var(--color-accent-950);--color-info:var(--color-info-500);--color-on-info:var(--color-on-info);--color-info-soft:var(--color-info-soft);--color-on-info-soft:var(--color-on-info-soft);--color-info-active:var(--color-info-active);--color-info-50:var(--color-info-50);--color-info-100:var(--color-info-100);--color-info-200:var(--color-info-200);--color-info-300:var(--color-info-300);--color-info-400:var(--color-info-400);--color-info-500:var(--color-info-500);--color-info-600:var(--color-info-600);--color-info-700:var(--color-info-700);--color-info-800:var(--color-info-800);--color-info-900:var(--color-info-900);--color-info-950:var(--color-info-950);--color-success:var(--color-success-500);--color-on-success:var(--color-on-success);--color-success-soft:var(--color-success-soft);--color-on-success-soft:var(--color-on-success-soft);--color-success-active:var(--color-success-active);--color-success-50:var(--color-success-50);--color-success-100:var(--color-success-100);--color-success-200:var(--color-success-200);--color-success-300:var(--color-success-300);--color-success-400:var(--color-success-400);--color-success-500:var(--color-success-500);--color-success-600:var(--color-success-600);--color-success-700:var(--color-success-700);--color-success-800:var(--color-success-800);--color-success-900:var(--color-success-900);--color-success-950:var(--color-success-950);--color-warning:var(--color-warning-500);--color-on-warning:var(--color-on-warning);--color-warning-soft:var(--color-warning-soft);--color-on-warning-soft:var(--color-on-warning-soft);--color-warning-active:var(--color-warning-active);--color-warning-50:var(--color-warning-50);--color-warning-100:var(--color-warning-100);--color-warning-200:var(--color-warning-200);--color-warning-300:var(--color-warning-300);--color-warning-400:var(--color-warning-400);--color-warning-500:var(--color-warning-500);--color-warning-600:var(--color-warning-600);--color-warning-700:var(--color-warning-700);--color-warning-800:var(--color-warning-800);--color-warning-900:var(--color-warning-900);--color-warning-950:var(--color-warning-950);--color-error:var(--color-error-500);--color-on-error:var(--color-on-error);--color-error-soft:var(--color-error-soft);--color-on-error-soft:var(--color-on-error-soft);--color-error-active:var(--color-error-active);--color-error-50:var(--color-error-50);--color-error-100:var(--color-error-100);--color-error-200:var(--color-error-200);--color-error-300:var(--color-error-300);--color-error-400:var(--color-error-400);--color-error-500:var(--color-error-500);--color-error-600:var(--color-error-600);--color-error-700:var(--color-error-700);--color-error-800:var(--color-error-800);--color-error-900:var(--color-error-900);--color-error-950:var(--color-error-950)}