@charset "UTF-8";
:root[data-theme=chakra] {
  --palette-hue: var(--neutral-hue);
  --palette-saturation: var(--neutral-saturation);
  --palette-lightness-0: var(--neutral-lightness-0);
  --palette-color-0: var(--neutral-color-0);
  --palette-color-0-ch: var(--neutral-color-0-ch);
  --palette-gray-0: var(--neutral-gray-0);
  --palette-accent-0: var(--neutral-accent-0);
  --palette-lightness-1: var(--neutral-lightness-1);
  --palette-color-1: var(--neutral-color-1);
  --palette-color-1-ch: var(--neutral-color-1-ch);
  --palette-gray-1: var(--neutral-gray-1);
  --palette-accent-1: var(--neutral-accent-1);
  --palette-lightness-2: var(--neutral-lightness-2);
  --palette-color-2: var(--neutral-color-2);
  --palette-color-2-ch: var(--neutral-color-2-ch);
  --palette-gray-2: var(--neutral-gray-2);
  --palette-accent-2: var(--neutral-accent-2);
  --palette-lightness-3: var(--neutral-lightness-3);
  --palette-color-3: var(--neutral-color-3);
  --palette-color-3-ch: var(--neutral-color-3-ch);
  --palette-gray-3: var(--neutral-gray-3);
  --palette-accent-3: var(--neutral-accent-3);
  --palette-lightness-4: var(--neutral-lightness-4);
  --palette-color-4: var(--neutral-color-4);
  --palette-color-4-ch: var(--neutral-color-4-ch);
  --palette-gray-4: var(--neutral-gray-4);
  --palette-accent-4: var(--neutral-accent-4);
  --palette-lightness-5: var(--neutral-lightness-5);
  --palette-color-5: var(--neutral-color-5);
  --palette-color-5-ch: var(--neutral-color-5-ch);
  --palette-gray-5: var(--neutral-gray-5);
  --palette-accent-5: var(--neutral-accent-5);
  --palette-lightness-6: var(--neutral-lightness-6);
  --palette-color-6: var(--neutral-color-6);
  --palette-color-6-ch: var(--neutral-color-6-ch);
  --palette-gray-6: var(--neutral-gray-6);
  --palette-accent-6: var(--neutral-accent-6);
  --palette-lightness-7: var(--neutral-lightness-7);
  --palette-color-7: var(--neutral-color-7);
  --palette-color-7-ch: var(--neutral-color-7-ch);
  --palette-gray-7: var(--neutral-gray-7);
  --palette-accent-7: var(--neutral-accent-7);
  --palette-lightness-8: var(--neutral-lightness-8);
  --palette-color-8: var(--neutral-color-8);
  --palette-color-8-ch: var(--neutral-color-8-ch);
  --palette-gray-8: var(--neutral-gray-8);
  --palette-accent-8: var(--neutral-accent-8);
  --palette-lightness-9: var(--neutral-lightness-9);
  --palette-color-9: var(--neutral-color-9);
  --palette-color-9-ch: var(--neutral-color-9-ch);
  --palette-gray-9: var(--neutral-gray-9);
  --palette-accent-9: var(--neutral-accent-9);
  --palette-lightness-10: var(--neutral-lightness-10);
  --palette-color-10: var(--neutral-color-10);
  --palette-color-10-ch: var(--neutral-color-10-ch);
  --palette-gray-10: var(--neutral-gray-10);
  --palette-accent-10: var(--neutral-accent-10);
  --palette-lighter: var(--neutral-lighter);
  --palette-accent-lighter: var(--neutral-accent-lighter);
  --palette-lighter-ch: var(--neutral-lighter-ch);
  --palette-light: var(--neutral-light);
  --palette-accent-light: var(--neutral-accent-light);
  --palette-light-ch: var(--neutral-light-ch);
  --palette-default: var(--neutral-default);
  --palette-accent-default: var(--neutral-accent-default);
  --palette-default-ch: var(--neutral-default-ch);
  --palette-dark: var(--neutral-dark);
  --palette-accent-dark: var(--neutral-accent-dark);
  --palette-dark-ch: var(--neutral-dark-ch);
  --palette-darker: var(--neutral-darker);
  --palette-accent-darker: var(--neutral-accent-darker);
  --palette-darker-ch: var(--neutral-darker-ch);
  --primary-hue: 174;
  --primary-saturation: 50%;
  --primary-lighter: var(--primary-color-2);
  --primary-lighter-ch: var(--primary-color-2-ch);
  --primary-accent-lighter: var(--primary-accent-2);
  --primary-light: var(--primary-color-3);
  --primary-light-ch: var(--primary-color-3-ch);
  --primary-accent-light: var(--primary-accent-3);
  --primary-default: var(--primary-color-6);
  --primary-default-ch: var(--primary-color-6-ch);
  --primary-accent-default: var(--primary-accent-6);
  --primary-dark: var(--primary-color-7);
  --primary-dark-ch: var(--primary-color-7-ch);
  --primary-accent-dark: var(--primary-accent-7);
  --primary-darker: var(--primary-color-8);
  --primary-darker-ch: var(--primary-color-8-ch);
  --primary-accent-darker: var(--primary-accent-8);
  --secondary-hue: 262;
  --secondary-saturation: 52%;
  --secondary-lighter: var(--secondary-color-2);
  --secondary-lighter-ch: var(--secondary-color-2-ch);
  --secondary-accent-lighter: var(--secondary-accent-2);
  --secondary-light: var(--secondary-color-3);
  --secondary-light-ch: var(--secondary-color-3-ch);
  --secondary-accent-light: var(--secondary-accent-3);
  --secondary-default: var(--secondary-color-5);
  --secondary-default-ch: var(--secondary-color-5-ch);
  --secondary-accent-default: var(--secondary-accent-5);
  --secondary-dark: var(--secondary-color-7);
  --secondary-dark-ch: var(--secondary-color-7-ch);
  --secondary-accent-dark: var(--secondary-accent-7);
  --secondary-darker: var(--secondary-color-9);
  --secondary-darker-ch: var(--secondary-color-9-ch);
  --secondary-accent-darker: var(--secondary-accent-9);
  --tertiary-hue: 330;
  --tertiary-saturation: 80%;
  --tertiary-lighter: var(--tertiary-color-2);
  --tertiary-lighter-ch: var(--tertiary-color-2-ch);
  --tertiary-accent-lighter: var(--tertiary-accent-2);
  --tertiary-light: var(--tertiary-color-3);
  --tertiary-light-ch: var(--tertiary-color-3-ch);
  --tertiary-accent-light: var(--tertiary-accent-3);
  --tertiary-default: var(--tertiary-color-6);
  --tertiary-default-ch: var(--tertiary-color-6-ch);
  --tertiary-accent-default: var(--tertiary-accent-6);
  --tertiary-dark: var(--tertiary-color-7);
  --tertiary-dark-ch: var(--tertiary-color-7-ch);
  --tertiary-accent-dark: var(--tertiary-accent-7);
  --tertiary-darker: var(--tertiary-color-9);
  --tertiary-darker-ch: var(--tertiary-color-9-ch);
  --tertiary-accent-darker: var(--tertiary-accent-9);
  --danger-hue: 354;
  --danger-saturation: 72%;
  --danger-lighter: var(--danger-color-2);
  --danger-lighter-ch: var(--danger-color-2-ch);
  --danger-accent-lighter: var(--danger-accent-2);
  --danger-light: var(--danger-color-3);
  --danger-light-ch: var(--danger-color-3-ch);
  --danger-accent-light: var(--danger-accent-3);
  --danger-default: var(--danger-color-6);
  --danger-default-ch: var(--danger-color-6-ch);
  --danger-accent-default: var(--danger-accent-6);
  --danger-dark: var(--danger-color-7);
  --danger-dark-ch: var(--danger-color-7-ch);
  --danger-accent-dark: var(--danger-accent-7);
  --danger-darker: var(--danger-color-8);
  --danger-darker-ch: var(--danger-color-8-ch);
  --danger-accent-darker: var(--danger-accent-8);
  --success-hue: 152;
  --success-saturation: 68%;
  --success-lighter: var(--success-color-2);
  --success-lighter-ch: var(--success-color-2-ch);
  --success-accent-lighter: var(--success-accent-2);
  --success-light: var(--success-color-3);
  --success-light-ch: var(--success-color-3-ch);
  --success-accent-light: var(--success-accent-3);
  --success-default: var(--success-color-7);
  --success-default-ch: var(--success-color-7-ch);
  --success-accent-default: var(--success-accent-7);
  --success-dark: var(--success-color-8);
  --success-dark-ch: var(--success-color-8-ch);
  --success-accent-dark: var(--success-accent-8);
  --success-darker: var(--success-color-9);
  --success-darker-ch: var(--success-color-9-ch);
  --success-accent-darker: var(--success-accent-9);
  --warning-hue: 28;
  --warning-saturation: 88%;
  --warning-lighter: var(--warning-color-2);
  --warning-lighter-ch: var(--warning-color-2-ch);
  --warning-accent-lighter: var(--warning-accent-2);
  --warning-light: var(--warning-color-3);
  --warning-light-ch: var(--warning-color-3-ch);
  --warning-accent-light: var(--warning-accent-3);
  --warning-default: var(--warning-color-5);
  --warning-default-ch: var(--warning-color-5-ch);
  --warning-accent-default: var(--warning-accent-5);
  --warning-dark: var(--warning-color-7);
  --warning-dark-ch: var(--warning-color-7-ch);
  --warning-accent-dark: var(--warning-accent-7);
  --warning-darker: var(--warning-color-8);
  --warning-darker-ch: var(--warning-color-8-ch);
  --warning-accent-darker: var(--warning-accent-8);
  --info-hue: 213;
  --info-saturation: 94%;
  --info-lighter: var(--info-color-2);
  --info-lighter-ch: var(--info-color-2-ch);
  --info-accent-lighter: var(--info-accent-2);
  --info-light: var(--info-color-3);
  --info-light-ch: var(--info-color-3-ch);
  --info-accent-light: var(--info-accent-3);
  --info-default: var(--info-color-5);
  --info-default-ch: var(--info-color-5-ch);
  --info-accent-default: var(--info-accent-5);
  --info-dark: var(--info-color-7);
  --info-dark-ch: var(--info-color-7-ch);
  --info-accent-dark: var(--info-accent-7);
  --info-darker: var(--info-color-8);
  --info-darker-ch: var(--info-color-8-ch);
  --info-accent-darker: var(--info-accent-8);
}

:root[data-theme=chakra],
:root[data-theme=chakra][data-color-scheme=light] {
  --border-color: #e2e8f0;
  --border-color-subtle: #edf2f7;
  --border-color-strong: #cbd5e0;
  --text-color: #1a202c;
  --text-color-subtle: #718096;
  --text-color-muted: #a0aec0;
  --text-color-strong: #000000;
  --surface-color-overlay: #ffffff;
  --surface-color-raised: #f7fafc;
  --surface-color: #ffffff;
  --surface-color-sunken: #edf2f7;
  --surface-color-deep: #e2e8f0;
}

:root[data-theme=chakra][data-color-scheme=dark] {
  --border-color: #2d3748;
  --border-color-subtle: #1a202c;
  --border-color-strong: #4a5568;
  --text-color: #e2e8f0;
  --text-color-subtle: #a0aec0;
  --text-color-muted: #718096;
  --text-color-strong: #f7fafc;
  --surface-color-overlay: #2d3748;
  --surface-color-raised: #1a202c;
  --surface-color: #171923;
  --surface-color-sunken: #0f1117;
  --surface-color-deep: #0a0c10;
  --primary-default: var(--primary-color-4);
  --primary-accent-default: var(--primary-accent-4);
  --primary-dark: var(--primary-color-5);
  --primary-darker: var(--primary-color-7);
  --danger-default: var(--danger-color-4);
  --danger-accent-default: var(--danger-accent-4);
  --success-default: var(--success-color-5);
  --success-accent-default: var(--success-accent-5);
  --warning-default: var(--warning-color-4);
  --warning-accent-default: var(--warning-accent-4);
  --info-default: var(--info-color-4);
  --info-accent-default: var(--info-accent-4);
}

:root[data-theme=chakra] {
  --font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-family-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --font-size-base: 1rem;
  --font-size-sm: 0.875rem;
  --font-size-lg: 1.125rem;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-height-base: 1.5;
}

:root[data-theme=chakra] {
  --shadow-xs: 0 0 0 1px rgba(0, 0, 0, 0.05);
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  --shadow-outline: 0 0 0 3px var(--primary-default);
  --shadow-none: none;
}

:root[data-theme=chakra][data-color-scheme=dark] {
  --shadow-xs: 0 0 0 1px rgba(0, 0, 0, 0.2);
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  --shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
}

:root[data-theme=chakra] .button {
  --button-border-radius: 0.375rem;
  --button-border-width: 1px;
  --button-padding: 0.5rem 1rem;
  --button-gap: 0.5rem;
  --button-font-size: 1rem;
  --button-font-weight: 600;
  --button-line-height: 1.2;
  --button-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --button-focus-ring-width: 3px;
  --button-focus-ring-offset-width: 2px;
  --button-focus-ring-color: var(--primary-default);
  --button-disabled-opacity: 0.4;
}
:root[data-theme=chakra] .button.sm {
  --button-padding: 0.375rem 0.75rem;
  --button-font-size: 0.875rem;
}
:root[data-theme=chakra] .button.lg {
  --button-padding: 0.625rem 1.25rem;
  --button-font-size: 1.125rem;
}
:root[data-theme=chakra] .button.filled {
  --button-hover-bg-color: var(--palette-dark);
  --button-hover-border-color: var(--palette-dark);
  --button-active-bg-color: var(--palette-darker);
  --button-active-border-color: var(--palette-darker);
}
:root[data-theme=chakra] .button.tonal {
  --button-hover-bg-color: var(--palette-lighter);
  --button-active-bg-color: var(--palette-light);
}
:root[data-theme=chakra] .button.outlined {
  --button-hover-bg-color: color-mix(in srgb, var(--palette-default), transparent 90%);
  --button-active-bg-color: color-mix(in srgb, var(--palette-default), transparent 80%);
}

:root[data-theme=chakra] .accordion {
  --accordion-border-radius: 0.375rem;
  --accordion-border-width: 1px;
  --accordion-header-padding: 1rem;
  --accordion-header-font-size: 1rem;
  --accordion-header-font-weight: 600;
  --accordion-content-padding: 0.5rem 1rem 1rem;
  --accordion-indicator-content: "▾";
  --accordion-indicator-transform: rotate(0deg);
  --accordion-indicator-open-transform: rotate(-180deg);
  --accordion-transition: all 0.2s ease;
}

:root[data-theme=chakra] .alert {
  --alert-border-radius: 0.375rem;
  --alert-border-width: 1px;
  --alert-padding: 0.75rem 1rem;
  --alert-font-size: 1rem;
  --alert-icon-size: 1.25rem;
}

:root[data-theme=chakra] .checkbox {
  --checkbox-border-radius: 0.25rem;
  --checkbox-border-width: 2px;
  --checkbox-size: 1rem;
  --checkbox-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --checkbox-focus-ring-width: 3px;
  --checkbox-focus-ring-offset-width: 2px;
  --checkbox-focus-ring-color: var(--primary-default);
  --checkbox-label-gap: 0.5rem;
}

:root[data-theme=chakra][data-color-scheme=dark] .checkbox {
  --checkbox-border-color: #4a5568;
  --checkbox-bg-color: #2d3748;
}

:root[data-theme=chakra] .chip {
  --chip-border-radius: 0.375rem;
  --chip-border-width: 1px;
  --chip-padding: 0.25rem 0.5rem;
  --chip-font-size: 0.75rem;
  --chip-font-weight: 600;
  --chip-gap: 0.25rem;
  --chip-transition: all 0.2s ease;
}

:root[data-theme=chakra][data-color-scheme=dark] .chip {
  --chip-border-color: #4a5568;
}

:root[data-theme=chakra] .form-control {
  --form-control-border-radius: 0.375rem;
  --form-control-border-width: 1px;
  --form-control-padding: 0.5rem 1rem;
  --form-control-font-size: 1rem;
  --form-control-line-height: 1.5;
  --form-control-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --form-control-focus-ring-width: 3px;
  --form-control-focus-ring-offset-width: 0;
  --form-control-focus-ring-color: var(--primary-default);
  --form-control-disabled-opacity: 0.4;
  --form-control-disabled-bg-color: #edf2f7;
  --form-control-disabled-color: inherit;
}

:root[data-theme=chakra][data-color-scheme=dark] .form-control {
  --form-control-border-color: #4a5568;
  --form-control-bg-color: #2d3748;
  --form-control-disabled-bg-color: #2d3748;
}

:root[data-theme=chakra] .list {
  --list-border-radius: 0.375rem;
  --list-border-width: 1px;
  --list-item-padding: 0.5rem 1rem;
  --list-item-font-size: 1rem;
  --list-item-border-radius: 0.25rem;
  --list-transition: all 0.15s ease;
  --list-item-hover-bg-color: #edf2f7;
  --list-item-active-color: var(--primary-default);
}

:root[data-theme=chakra][data-color-scheme=dark] .list {
  --list-item-hover-bg-color: #2d3748;
  --list-border-color: #2d3748;
  --list-item-active-bg-color: color-mix(in srgb, var(--primary-default), transparent 80%);
}

:root[data-theme=chakra] .radio {
  --radio-border-width: 2px;
  --radio-size: 1rem;
  --radio-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --radio-focus-ring-width: 3px;
  --radio-focus-ring-offset-width: 2px;
  --radio-focus-ring-color: var(--primary-default);
  --radio-label-gap: 0.5rem;
}

:root[data-theme=chakra][data-color-scheme=dark] .radio {
  --radio-border-color: #4a5568;
  --radio-bg-color: #2d3748;
}

:root[data-theme=chakra] .select {
  --select-border-radius: 0.375rem;
  --select-border-width: 1px;
  --select-padding: 0.5rem 2.5rem 0.5rem 1rem;
  --select-font-size: 1rem;
  --select-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --select-focus-ring-width: 3px;
  --select-focus-ring-offset-width: 0;
  --select-focus-ring-color: var(--primary-default);
  --select-disabled-opacity: 0.4;
  --select-disabled-bg-color: #edf2f7;
  --select-disabled-color: inherit;
}

:root[data-theme=chakra][data-color-scheme=dark] .select {
  --select-border-color: #4a5568;
  --select-bg-color: #2d3748;
  --select-disabled-bg-color: #2d3748;
}

:root[data-theme=chakra] .skeleton {
  --skeleton-border-radius: 0.375rem;
  --skeleton-base-color: #edf2f7;
  --skeleton-highlight-color: #e2e8f0;
  --skeleton-animation-duration: 0.8s;
}

:root[data-theme=chakra][data-color-scheme=dark] .skeleton {
  --skeleton-base-color: #2d3748;
  --skeleton-highlight-color: #4a5568;
}

:root[data-theme=chakra] .spinner {
  --spinner-border-width: 2px;
  --spinner-animation-duration: 0.65s;
  --spinner-color: var(--primary-default);
}

:root[data-theme=chakra] .switch {
  --switch-border-radius: 100px;
  --switch-border-width: 0px;
  --switch-track-width: 2.75rem;
  --switch-track-height: 1.5rem;
  --switch-thumb-size: calc(1.5rem - 8px);
  --switch-thumb-margin: 4px;
  --switch-thumb-bg-color: #ffffff;
  --switch-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --switch-disabled-opacity: 0.4;
  --switch-focus-ring-width: 3px;
  --switch-focus-ring-offset-width: 2px;
  --switch-focus-ring-color: var(--primary-default);
}

:root[data-theme=chakra][data-color-scheme=dark] .switch {
  --switch-unchecked-bg-color: #4a5568;
  --switch-thumb-bg-color: rgba(255, 255, 255, 0.9);
}

/*# sourceMappingURL=chakra.css.map */