/**
 * @blueprintui/themes | MIT license | https://github.com/blueprintui
 */

@layer blueprintui {
  :root, [bp-theme~=""] {
    color-scheme: var(--bp-color-scheme, normal);

    --bp-alpha-black-0: hsla(0, 0%, 0%, 0);
    --bp-alpha-black-100: hsla(0, 0%, 0%, 0.1);
    --bp-alpha-black-1000: hsla(0, 0%, 0%, 1);
    --bp-alpha-black-200: hsla(0, 0%, 0%, 0.2);
    --bp-alpha-black-300: hsla(0, 0%, 0%, 0.3);
    --bp-alpha-black-400: hsla(0, 0%, 0%, 0.4);
    --bp-alpha-black-500: hsla(0, 0%, 0%, 0.5);
    --bp-alpha-black-600: hsla(0, 0%, 0%, 0.6);
    --bp-alpha-black-700: hsla(0, 0%, 0%, 0.7);
    --bp-alpha-black-800: hsla(0, 0%, 0%, 0.8);
    --bp-alpha-black-900: hsla(0, 0%, 0%, 0.9);
    --bp-alpha-white-0: hsla(0, 0%, 100%, 0);
    --bp-alpha-white-100: hsla(0, 0%, 100%, 0.1);
    --bp-alpha-white-1000: hsla(0, 0%, 100%, 1);
    --bp-alpha-white-200: hsla(0, 0%, 100%, 0.2);
    --bp-alpha-white-300: hsla(0, 0%, 100%, 0.3);
    --bp-alpha-white-400: hsla(0, 0%, 100%, 0.4);
    --bp-alpha-white-500: hsla(0, 0%, 100%, 0.5);
    --bp-alpha-white-600: hsla(0, 0%, 100%, 0.6);
    --bp-alpha-white-700: hsla(0, 0%, 100%, 0.7);
    --bp-alpha-white-800: hsla(0, 0%, 100%, 0.8);
    --bp-alpha-white-900: hsla(0, 0%, 100%, 0.9);
    --bp-animation-duration-100: 0.1s;
    --bp-animation-duration-200: 0.2s;
    --bp-animation-duration-300: 0.3s;
    --bp-animation-easing:  ease-in-out;
    --bp-color-black: hsl(0, 0%, 0%);
    --bp-color-blue-0: oklch(0.63 0.2 255);
    --bp-color-blue-100: oklch(from var(--bp-color-blue-0) 0.95 0.05 h);
    --bp-color-blue-1000: oklch(from var(--bp-color-blue-0) 0.1 c h);
    --bp-color-blue-200: oklch(from var(--bp-color-blue-0) 0.9 0.1 h);
    --bp-color-blue-300: oklch(from var(--bp-color-blue-0) 0.8 0.15 h);
    --bp-color-blue-400: oklch(from var(--bp-color-blue-0) 0.7 c h);
    --bp-color-blue-500: oklch(from var(--bp-color-blue-0) 0.6 c h);
    --bp-color-blue-600: oklch(from var(--bp-color-blue-0) 0.5 c h);
    --bp-color-blue-700: oklch(from var(--bp-color-blue-0) 0.4 c h);
    --bp-color-blue-800: oklch(from var(--bp-color-blue-0) 0.3 c h);
    --bp-color-blue-900: oklch(from var(--bp-color-blue-0) 0.2 c h);
    --bp-color-gray-0: oklch(0.14 0.01 286.78);
    --bp-color-gray-100: oklch(from var(--bp-color-gray-0) 0.95 0.008 h);
    --bp-color-gray-1000: oklch(from var(--bp-color-gray-0) 0.15 0.01 h);
    --bp-color-gray-200: oklch(from var(--bp-color-gray-0) 0.9 0.01 h);
    --bp-color-gray-300: oklch(from var(--bp-color-gray-0) 0.8 c h);
    --bp-color-gray-400: oklch(from var(--bp-color-gray-0) 0.65 c h);
    --bp-color-gray-500: oklch(from var(--bp-color-gray-0) 0.5 c h);
    --bp-color-gray-600: oklch(from var(--bp-color-gray-0) 0.4 c h);
    --bp-color-gray-700: oklch(from var(--bp-color-gray-0) 0.3 c h);
    --bp-color-gray-800: oklch(from var(--bp-color-gray-0) 0.25 c h);
    --bp-color-gray-900: oklch(from var(--bp-color-gray-0) 0.2 0.01 h);
    --bp-color-green-0: oklch(0.7 0.16 155.48);
    --bp-color-green-100: oklch(from var(--bp-color-green-0) 0.95 0.05 h);
    --bp-color-green-1000: oklch(from var(--bp-color-green-0) 0.1 c h);
    --bp-color-green-200: oklch(from var(--bp-color-green-0) 0.9 0.1 h);
    --bp-color-green-300: oklch(from var(--bp-color-green-0) 0.8 0.15 h);
    --bp-color-green-400: oklch(from var(--bp-color-green-0) 0.7 c h);
    --bp-color-green-500: oklch(from var(--bp-color-green-0) 0.6 c h);
    --bp-color-green-600: oklch(from var(--bp-color-green-0) 0.5 c h);
    --bp-color-green-700: oklch(from var(--bp-color-green-0) 0.4 c h);
    --bp-color-green-800: oklch(from var(--bp-color-green-0) 0.3 c h);
    --bp-color-green-900: oklch(from var(--bp-color-green-0) 0.2 c h);
    --bp-color-red-0: oklch(0.59 0.23 19);
    --bp-color-red-100: oklch(from var(--bp-color-red-0) 0.98 c h);
    --bp-color-red-1000: oklch(from var(--bp-color-red-0) 0.2 c h);
    --bp-color-red-200: oklch(from var(--bp-color-red-0) 0.95 c h);
    --bp-color-red-300: oklch(from var(--bp-color-red-0) 0.9 c h);
    --bp-color-red-400: oklch(from var(--bp-color-red-0) 0.8 c h);
    --bp-color-red-500: oklch(from var(--bp-color-red-0) 0.7 c h);
    --bp-color-red-600: oklch(from var(--bp-color-red-0) 0.59 c h);
    --bp-color-red-700: oklch(from var(--bp-color-red-0) 0.5 c h);
    --bp-color-red-800: oklch(from var(--bp-color-red-0) 0.4 c h);
    --bp-color-red-900: oklch(from var(--bp-color-red-0) 0.3 c h);
    --bp-color-scheme: normal;
    --bp-color-violet-0: oklch(0.56 0.19 295);
    --bp-color-violet-100: oklch(from var(--bp-color-violet-0) 0.95 0.05 h);
    --bp-color-violet-1000: oklch(from var(--bp-color-violet-0) 0.1 c h);
    --bp-color-violet-200: oklch(from var(--bp-color-violet-0) 0.9 0.1 h);
    --bp-color-violet-300: oklch(from var(--bp-color-violet-0) 0.8 0.15 h);
    --bp-color-violet-400: oklch(from var(--bp-color-violet-0) 0.7 c h);
    --bp-color-violet-500: oklch(from var(--bp-color-violet-0) 0.6 c h);
    --bp-color-violet-600: oklch(from var(--bp-color-violet-0) 0.5 c h);
    --bp-color-violet-700: oklch(from var(--bp-color-violet-0) 0.4 c h);
    --bp-color-violet-800: oklch(from var(--bp-color-violet-0) 0.3 c h);
    --bp-color-violet-900: oklch(from var(--bp-color-violet-0) 0.2 c h);
    --bp-color-white: hsl(0, 0%, 100%);
    --bp-color-yellow-0: oklch(0.85 0.18 79);
    --bp-color-yellow-100: oklch(from var(--bp-color-yellow-0) 0.98 0.05 h);
    --bp-color-yellow-1000: oklch(from var(--bp-color-yellow-0) 0.2 c h);
    --bp-color-yellow-200: oklch(from var(--bp-color-yellow-0) 0.95 0.1 h);
    --bp-color-yellow-300: oklch(from var(--bp-color-yellow-0) 0.9 0.15 h);
    --bp-color-yellow-400: oklch(from var(--bp-color-yellow-0) 0.85 c h);
    --bp-color-yellow-500: oklch(from var(--bp-color-yellow-0) 0.8 c h);
    --bp-color-yellow-600: oklch(from var(--bp-color-yellow-0) 0.75 c h);
    --bp-color-yellow-700: oklch(from var(--bp-color-yellow-0) 0.6 c h);
    --bp-color-yellow-800: oklch(from var(--bp-color-yellow-0) 0.5 c h);
    --bp-color-yellow-900: oklch(from var(--bp-color-yellow-0) 0.4 c h);
    --bp-interaction-accent-background: oklch(from var(--bp-color-blue-0) 0.5 c h);
    --bp-interaction-active-color: oklch(from var(--bp-color-gray-0) 0.25 c h);
    --bp-interaction-active-offset: 7%;
    --bp-interaction-default-color: oklch(from var(--bp-color-gray-0) 0.25 c h);
    --bp-interaction-default-offset: 0%;
    --bp-interaction-disabled-color: oklch(from var(--bp-color-gray-0) 0.65 c h);
    --bp-interaction-disabled-offset: 10%;
    --bp-interaction-focused-color: oklch(from var(--bp-color-gray-0) 0.3 c h);
    --bp-interaction-focused-offset: 0%;
    --bp-interaction-highlight-background: hsla(211, 100%, 88%, 0.25);
    --bp-interaction-hover-color: oklch(from var(--bp-color-gray-0) 0.25 c h);
    --bp-interaction-hover-offset: 3.5%;
    --bp-interaction-outline: Highlight solid 2px;
    --bp-interaction-outline-offset: 2px;
    --bp-interaction-outline-webkit: 5px auto -webkit-focus-ring-color;
    --bp-interaction-selected-color: oklch(from var(--bp-color-gray-0) 0.25 c h);
    --bp-interaction-selected-offset: 3%;
    --bp-interaction-touch-target: 36px;
    --bp-layer: 100;
    --bp-layer-background-100: oklch(from var(--bp-color-gray-0) 0.95 0.008 h);
    --bp-layer-background-200: hsl(0, 0%, 100%);
    --bp-layer-background-300: oklch(from var(--bp-color-gray-0) 0.95 0.008 h);
    --bp-layer-background-400: oklch(from var(--bp-color-gray-0) 0.2 0.01 h);
    --bp-layer-header-background: oklch(from var(--bp-color-gray-0) 0.3 c h);
    --bp-layer-header-color: hsl(0, 0%, 100%);
    --bp-layout-grid-cols: 12;
    --bp-layout-width-lg: 1200px;
    --bp-layout-width-md: 1024px;
    --bp-layout-width-sm: 768px;
    --bp-layout-width-xl: 1440px;
    --bp-layout-width-xs: 576px;
    --bp-object-border-color-100: oklch(from var(--bp-color-gray-0) 0.9 0.01 h);
    --bp-object-border-color-200: oklch(from var(--bp-color-gray-0) 0.8 c h);
    --bp-object-border-color-300: oklch(from var(--bp-color-gray-0) 0.65 c h);
    --bp-object-border-radius-100: 4px;
    --bp-object-border-radius-200: 24px;
    --bp-object-border-radius-300: 50%;
    --bp-object-border-width-100: 1px;
    --bp-object-border-width-200: 2px;
    --bp-object-border-width-300: 4px;
    --bp-object-opacity-100: hsla(222, 7%, 46%, 0);
    --bp-object-opacity-200: hsla(222, 7%, 46%, 0.1);
    --bp-object-opacity-300: hsla(222, 7%, 46%, 0.4);
    --bp-object-opacity-400: hsla(222, 7%, 46%, 0.6);
    --bp-object-shadow-100: 0 2px 2px hsla(0, 0%, 0%, 0.2);
    --bp-object-shadow-200: 0 3px 4px hsla(0, 0%, 0%, 0.2);
    --bp-object-shadow-300: 0 4px 6px hsla(0, 0%, 0%, 0.2);
    --bp-scale-size: 1;
    --bp-scale-space: 1;
    --bp-scale-text: 1;
    --bp-scrollbar-color: color-mix(in oklab, var(--bp-text-color-400, currentcolor) 40%, transparent) transparent;
    --bp-scrollbar-width: thin;
    --bp-size-0: calc(var(--bp-scale-size) * 0px);
    --bp-size-100: calc(var(--bp-scale-size) * 1px);
    --bp-size-1000: calc(var(--bp-scale-size) * 64px);
    --bp-size-1100: calc(var(--bp-scale-size) * 72px);
    --bp-size-1200: calc(var(--bp-scale-size) * 96px);
    --bp-size-200: calc(var(--bp-scale-size) * 2px);
    --bp-size-300: calc(var(--bp-scale-size) * 4px);
    --bp-size-400: calc(var(--bp-scale-size) * 8px);
    --bp-size-500: calc(var(--bp-scale-size) * 12px);
    --bp-size-600: calc(var(--bp-scale-size) * 16px);
    --bp-size-700: calc(var(--bp-scale-size) * 24px);
    --bp-size-800: calc(var(--bp-scale-size) * 32px);
    --bp-size-900: calc(var(--bp-scale-size) * 48px);
    --bp-space-lg: calc(var(--bp-scale-space) * 48px);
    --bp-space-md: calc(var(--bp-scale-space) * 24px);
    --bp-space-sm: calc(var(--bp-scale-space) * 16px);
    --bp-space-xl: calc(var(--bp-scale-space) * 64px);
    --bp-space-xs: calc(var(--bp-scale-space) * 8px);
    --bp-status-accent-background-100: oklch(from var(--bp-color-blue-0) 0.9 0.1 h);
    --bp-status-accent-background-200: oklch(from var(--bp-color-blue-0) 0.5 c h);
    --bp-status-accent-background-300: oklch(from var(--bp-color-blue-0) 0.4 c h);
    --bp-status-accent-color-100: hsl(0, 0%, 100%);
    --bp-status-danger-background-100: oklch(from var(--bp-color-red-0) 0.95 c h);
    --bp-status-danger-background-200: oklch(from var(--bp-color-red-0) 0.59 c h);
    --bp-status-danger-background-300: oklch(from var(--bp-color-red-0) 0.5 c h);
    --bp-status-danger-color-100: hsl(0, 0%, 100%);
    --bp-status-disabled-background-100: oklch(from var(--bp-color-gray-0) 0.8 c h);
    --bp-status-disabled-background-200: oklch(from var(--bp-color-gray-0) 0.65 c h);
    --bp-status-disabled-background-300: oklch(from var(--bp-color-gray-0) 0.5 c h);
    --bp-status-disabled-color-100: oklch(from var(--bp-color-gray-0) 0.4 c h);
    --bp-status-neutral-background-100: oklch(from var(--bp-color-gray-0) 0.9 0.01 h);
    --bp-status-neutral-background-200: oklch(from var(--bp-color-gray-0) 0.4 c h);
    --bp-status-neutral-background-300: oklch(from var(--bp-color-gray-0) 0.3 c h);
    --bp-status-neutral-color-100: hsl(0, 0%, 100%);
    --bp-status-success-background-100: oklch(from var(--bp-color-green-0) 0.9 0.1 h);
    --bp-status-success-background-200: oklch(from var(--bp-color-green-0) 0.5 c h);
    --bp-status-success-background-300: oklch(from var(--bp-color-green-0) 0.4 c h);
    --bp-status-success-color-100: hsl(0, 0%, 100%);
    --bp-status-warning-background-100: oklch(from var(--bp-color-yellow-0) 0.95 0.1 h);
    --bp-status-warning-background-200: oklch(from var(--bp-color-yellow-0) 0.75 c h);
    --bp-status-warning-background-300: oklch(from var(--bp-color-yellow-0) 0.6 c h);
    --bp-status-warning-color-100: hsl(0, 0%, 0%);
    --bp-text-color-100: hsl(0, 0%, 100%);
    --bp-text-color-200: oklch(from var(--bp-color-gray-0) 0.95 c h);
    --bp-text-color-300: oklch(from var(--bp-color-gray-0) 0.65 c h);
    --bp-text-color-400: oklch(from var(--bp-color-gray-0) 0.4 c h);
    --bp-text-color-500: oklch(from var(--bp-color-gray-0) 0.25 c h);
    --bp-text-color-600: hsl(0, 0%, 0%);
    --bp-text-font: 'system-ui', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --bp-text-monospace-font: 'ui-monospace', Consolas, Menlo, Monaco, monospace;
    --bp-text-size-100: calc(var(--bp-scale-text) * 12px);
    --bp-text-size-200: calc(var(--bp-scale-text) * 14px);
    --bp-text-size-300: calc(var(--bp-scale-text) * 16px);
    --bp-text-size-400: calc(var(--bp-scale-text) * 20px);
    --bp-text-size-500: calc(var(--bp-scale-text) * 24px);
    --bp-text-size-600: calc(var(--bp-scale-text) * 32px);
    --bp-text-size-700: calc(var(--bp-scale-text) * 36px);
    --bp-text-size-800: calc(var(--bp-scale-text) * 48px);
    --bp-text-weight-bold: 600;
    --bp-text-weight-extrabold: 600;
    --bp-text-weight-light: 300;
    --bp-text-weight-medium: 500;
    --bp-text-weight-regular: 400;
    --bp-text-weight-semibold: 500;
  }
  
 @container style(--bp-layer: 200) {
   :state(bp-layer) {
     --background: var(--bp-layer-background-200);
     --bp-layer: 300;
   }
 }
 @container style(--bp-layer: 300) {
   :state(bp-layer) {
     --background: var(--bp-layer-background-300);
     --bp-layer: 200;
   }
 }
 [bp-theme] body {
   --background: var(--bp-layer-background-100);
   --bp-layer: 200;
   background: var(--background);
 }

}