@layer crkit.reset, crkit.tokens, crkit.foundation, crkit.controls, crkit.theme, crkit.compositions, crkit.app, crkit.overrides;
@layer crkit.theme {
body[data-boot-theme="charcoal-ice"],
[data-crkit-theme="charcoal-ice"],
[data-crkit-theme-chain~="charcoal-ice"] {
    --color-happy: #35c859;
    --color-mad: #d64545;
    --color-less-mad: #fcabab;
    --color-light: #7e8890;
    --color-lighter: #dde2e6;
    --color-coolgray: #e1e4e8;
    --color-text: #2c3338;
    --color-text-inv: #ffffff;
    --color-text-mid: #5f676d;
    --color-slate: #3b5060;
    --color-text-light: #7e8890;
    --color-text-lighter: #9fa7ad;
    --color-text-placeholder: #bfc4cb;
    --color-accent: #00b5ee;
    --color-accent-stronger: #008fc0;
    --color-accent-highlight: #00b5ee;
    --color-accent-alt: #9053d5;
    --color-border: #979797;
    --color-border-light: #e1e4e8;
    --bg-color: #ffffff;
    --bg-color-med: #f0f2f5;
    --bg-color-inv: #2c3338;
    --bg-color-light: #f6f7f8;
    --bg-color-soft: #edf4f8;
    --width-border: 1px;
    --radius-small: 6px;
    --radius-med: 10px;
    --radius-large: 0.75rem;
    --radius-xlarge: 1.4rem;
    --font-family-body: "Source Sans Pro", "Segoe UI", sans-serif;
    --font-family-heading: "Source Sans Pro", "Segoe UI", sans-serif;
    --font-family-code: "Source Code Pro", "SFMono-Regular", monospace;
    --color-link: var(--color-accent);
    --color-link-alt: var(--color-text);
    --theme-form-control-action-size: 2.75em;
    --theme-form-control-action-icon-size: 1.75em;
    --theme-form-control-adornment-inline-size: 1.5rem;
    --theme-form-control-adornment-inline-offset: 0;
    --theme-form-control-frame-border: var(--color-border-light);
    --theme-form-control-frame-border-hover: color-mix(in srgb, var(--theme-form-control-frame-border) 85%, black 15%);
    --theme-form-control-frame-border-focus: var(--color-accent-stronger);
    --theme-form-help-trigger-color: var(--color-text);
    --theme-form-help-popover-background: var(--bg-color-light);
    --theme-button-min-inline-size: 5.6em;
    --theme-button-min-block-size: 2.72em;
    --theme-button-border-width: 1px;
    --theme-drop-zone-border-width: 4px;
    --theme-drop-zone-border-radius: 1em;
    --theme-button-hover-mix: 20%;
    --theme-button-transition-duration: 0.2s;
    --theme-layout-transition-duration: 300ms;
    --theme-layout-transition-easing: cubic-bezier(0.83, 0, 0.17, 1);
    --theme-destructive: var(--color-mad);
    --theme-destructive-foreground: var(--theme-destructive);
    --theme-destructive-background: var(--theme-destructive);
    --theme-destructive-on-background: var(--color-text-inv);
    --theme-destructive-border: var(--theme-destructive);
    --theme-destructive-hover-background: color-mix(in srgb, var(--theme-destructive) 82%, black);
    --theme-destructive-hover-on-background: var(--theme-destructive-on-background);
    --theme-destructive-hover-border: var(--theme-destructive-hover-background);
    --theme-favorite: var(--color-mad);
    --theme-dialog-margin: 1rem;
    --theme-dialog-padding-block: 2rem;
    --theme-dialog-padding-inline: 2rem;
    --theme-interactive-hover-background: #ededf0;
    --theme-interactive-hover-foreground: #17171b;
    --theme-interactive-selected-background: color-mix(in srgb, var(--theme-accent, #00b5ee) 16%, transparent);
    --theme-interactive-selected-foreground: var(--theme-interactive-hover-foreground);
    --theme-skeleton-base: color-mix(in srgb, var(--theme-line) 68%, var(--theme-surface-solid));
    --theme-skeleton-highlight: color-mix(in srgb, var(--theme-surface-solid) 72%, transparent);
    --theme-skeleton-duration: 1.35s;
    --theme-surface-close-size: 24px;
    --theme-surface-close-icon-size: 16px;
    --theme-surface-close-background: color-mix(in srgb, var(--theme-ink) 8%, transparent);
    --theme-surface-close-hover-background: color-mix(in srgb, var(--theme-ink) 13%, transparent);
    --theme-surface-close-color: var(--theme-ink);
    --theme-surface-close-shadow: none;
    --color-button: var(--bg-color);
    --color-button-hover: var(--theme-interactive-hover-background);
    --color-button-text: var(--color-text);
    --color-button-border: var(--color-border-light);
    --color-button-border-hover: color-mix(in srgb, var(--color-button-border), black var(--theme-button-hover-mix));
    --border-button: var(--theme-button-border-width) solid var(--color-button-border);
    --radius-button: var(--radius-med);
    --padding-button: 0.65em 1.3em;
    --font-family-button: var(--font-family-body);
    --font-size-button: 1.125rem;
    --font-style-button: normal;
    --font-weight-button: 600;
    --line-height-button: 1.05;
    --color-button-primary: var(--color-accent);
    --color-button-primary-hover: color-mix(in srgb, var(--color-button-primary) 80%, black 20%);
    --color-button-primary-text: var(--color-text-inv);
    --color-button-primary-text-hover: var(--color-button-primary-text);
    --color-button-primary-border: var(--color-button-primary);
    --color-button-primary-border-hover: var(--color-button-primary-hover);
    --border-button-primary: var(--theme-button-border-width) solid var(--color-button-primary-border);
    --color-button-secondary: var(--bg-color);
    --color-button-secondary-hover: var(--theme-interactive-hover-background);
    --color-button-secondary-text: var(--color-text);
    --color-button-secondary-text-hover: var(--color-button-secondary-text);
    --color-button-secondary-border: var(--color-border-light);
    --color-button-secondary-border-hover: color-mix(in srgb, var(--color-button-secondary-border), black var(--theme-button-hover-mix));
    --border-button-secondary: var(--theme-button-border-width) solid var(--color-button-secondary-border);
    --bg-color-panel: var(--bg-color);
    --border-panel: 1px solid rgba(44, 51, 56, 0.08);
    --shadow-panel: 0 20px 60px rgba(44, 51, 56, 0.12);
    --hr-width: var(--width-border);
    --gradient-accent: linear-gradient(76deg, #56c6f1 0%, #4847f5 24%, #712be7 50%, #9b34ba 70%, #a937ab 77%, #e6558c 100%);
    --gradient-to-light-bg: linear-gradient(180deg, var(--bg-color) 0%, var(--bg-color-light) 100%);
    --gradient-footer: linear-gradient(180deg, #2c3338 95%, #1b1f20 100%);
    --site-min-width: 300px;
    --site-padding-width: 1rem;
    --theme-content-breakpoint: 80rem;
    --theme-content-side-padding: var(--site-padding-width);
    --theme-content-max-width: calc(var(--theme-content-breakpoint) - (var(--theme-content-side-padding) * 2));
    --theme-content-inline-size: min(calc(100% - (var(--theme-content-side-padding) * 2)), var(--theme-content-max-width));
    --vertical-block-offset: clamp(1.75rem, 8vw, 4rem);
    --narrow-content-padding: 1.5rem;
    --theme-section-content-max-width: var(--theme-content-max-width);
    --theme-section-side-padding: var(--theme-content-side-padding);
    --theme-section-block-offset: var(--vertical-block-offset);
    --theme-section-narrow-padding: var(--narrow-content-padding);
    --theme-document-measure: 68ch;
    --theme-document-lead-measure: 60ch;
    --theme-document-heading-measure: 16ch;
    --theme-document-stack-gap: clamp(0.875rem, 0.72rem + 0.56vw, 1.25rem);
    --theme-document-list-item-gap: 0.75em;
    --theme-document-section-gap: clamp(1rem, 0.8rem + 0.72vw, 1.5rem);
    --theme-document-root-gap: clamp(1.25rem, 0.95rem + 1.15vw, 2rem);
    --theme-document-body-size: clamp(1rem, 0.96rem + 0.24vw, 1.125rem);
    --theme-document-body-line-height: 1.72;
    --theme-document-lead-size: clamp(1.175rem, 1.06rem + 0.5vw, 1.45rem);
    --theme-document-lead-line-height: 1.58;
    --theme-document-heading-weight: 700;
    --theme-document-heading-line-height: 1.08;
    --theme-document-heading-tight-line-height: 0.96;
    --theme-document-heading-letter-spacing: -0.035em;
    --theme-document-h1-size: clamp(2.4rem, 1.9rem + 2.25vw, 4.1rem);
    --theme-document-h2-size: clamp(1.7rem, 1.35rem + 1.35vw, 2.65rem);
    --theme-document-h3-size: clamp(1.4rem, 1.2rem + 0.82vw, 1.9rem);
    --theme-document-h4-size: clamp(1.18rem, 1.08rem + 0.44vw, 1.38rem);
    --theme-document-h5-size: clamp(1rem, 0.97rem + 0.24vw, 1.1rem);
    --theme-document-body-color: var(--theme-muted);
    --theme-document-lead-color: var(--theme-ink);
    --theme-document-heading-color: var(--theme-heading);
    --theme-document-marker-color: var(--theme-accent);
    --theme-document-rule-color: color-mix(in srgb, var(--theme-line) 90%, transparent);
    --theme-container-image-zoom-scale: 1.075;
    --theme-container-image-zoom-duration: 350ms;
    --theme-container-link-focus-ring: 2px solid var(--color-accent);
    --theme-container-link-focus-offset: 2px;
    --theme-header-height: 3rem;
    --theme-header-shadow: 0 2px 10px rgba(44, 51, 56, 0.12);
    --theme-footer-height: 3rem;
    --sticky-header-height: var(--theme-header-height);
    --theme-system-menu-item-block-size: 2rem;
    --theme-system-menu-padding-block: var(--theme-app-shell-inset, 0.7rem);
    --theme-system-menu-padding-inline: var(--theme-app-shell-inset, 0.7rem);
    --theme-system-menu-block-size: calc(var(--theme-system-menu-item-block-size) + (var(--theme-system-menu-padding-block) * 2));
    --elevation-page: 0;
    --elevation-page-menus: 1000;
    --elevation-base: 2000;
    --elevation-low: 3000;
    --elevation-normal: 4000;
    --elevation-high: 5000;
    --elevation-very-high: 10000;
    --elevation-system-menu: 11000;
    --elevation-modal: 12000;
    --elevation-local-chrome: 1;
    --elevation-popup-local: var(--elevation-page-menus);
    --elevation-overlay: 5010;
    --elevation-panel: 5020;
    --elevation-panel-backdrop: 5019;
    --elevation-popover-backdrop: 5040;
    --elevation-popover: 5050;
    --spacer-sm: 0.5em;
    --spacer-md: 0.75em;
    --spacer-lg: 1.5em;
    --spacer-xl: 2em;
    --theme-bg-top: #fbf7ef;
    --theme-bg-bottom: #eef4f9;
    --theme-surface-solid: #ffffff;
    --theme-line: rgba(44, 51, 56, 0.12);
    --theme-panel-background: var(--theme-surface-solid);
    --theme-panel-ink: var(--theme-ink);
    --theme-panel-border-color: var(--theme-line);
    --theme-panel-border-width: 1px;
    --theme-panel-shadow: var(--theme-shadow-shell);
    --theme-popover-background: var(--theme-surface-solid);
    --theme-popover-ink: var(--theme-ink);
    --theme-popover-border-color: var(--theme-line);
    --theme-popover-border-width: 1px;
    --theme-popover-shadow: var(--theme-shadow-shell);
    --theme-ink: var(--color-text);
    --theme-muted: var(--color-text-mid);
    --theme-heading: #005f8f;
    --theme-shadow-shell: 0 20px 60px rgba(44, 51, 56, 0.12);
    --theme-toast-z-index: var(--elevation-very-high);
    --theme-toast-offset: 1rem;
    --theme-toast-stack-gap: 0.5rem;
    --theme-toast-gap: 1rem;
    --theme-toast-max-inline-size: 34em;
    --theme-toast-padding-block: 0.75rem;
    --theme-toast-padding-inline: 1rem;
    --theme-toast-radius: var(--radius-large);
    --theme-toast-border-width: 1px;
    --theme-toast-shadow: 0 16px 40px rgba(44, 51, 56, 0.18);
    --theme-toast-font-family: var(--font-family-body);
    --theme-toast-font-size: 0.95rem;
    --theme-toast-font-weight: 400;
    --theme-toast-line-height: 1.35;
    --theme-toast-progress-track: rgba(255, 255, 255, 0.24);
    --theme-toast-progress-value: var(--color-accent);
    --theme-toast-progress-label: rgba(255, 255, 255, 0.88);
    --theme-toast-success-bg: #2e7d32;
    --theme-toast-success-ink: #ffffff;
    --theme-toast-success-border: transparent;
    --theme-toast-success-icon-bg: rgba(255, 255, 255, 0.16);
    --theme-toast-success-icon-ink: #ffffff;
    --theme-toast-error-bg: var(--color-mad);
    --theme-toast-error-ink: #ffffff;
    --theme-toast-error-border: transparent;
    --theme-toast-error-icon-bg: #ffffff;
    --theme-toast-error-icon-ink: var(--color-mad);
    --theme-toast-warning-bg: #ef6c00;
    --theme-toast-warning-ink: #ffffff;
    --theme-toast-warning-border: transparent;
    --theme-toast-warning-icon-bg: #ffffff;
    --theme-toast-warning-icon-ink: #ef6c00;
    --theme-toast-info-bg: #323232;
    --theme-toast-info-ink: #ffffff;
    --theme-toast-info-border: transparent;
    --theme-toast-info-icon-bg: rgba(255, 255, 255, 0.16);
    --theme-toast-info-icon-ink: #ffffff;
}

[data-app-root="true"]:is([data-crkit-theme="charcoal-ice"], [data-crkit-theme-chain~="charcoal-ice"]) {
    box-sizing: border-box;
}

[data-app-root="true"]:is([data-crkit-theme="charcoal-ice"], [data-crkit-theme-chain~="charcoal-ice"]) *,
[data-app-root="true"]:is([data-crkit-theme="charcoal-ice"], [data-crkit-theme-chain~="charcoal-ice"]) *::before,
[data-app-root="true"]:is([data-crkit-theme="charcoal-ice"], [data-crkit-theme-chain~="charcoal-ice"]) *::after {
    box-sizing: inherit;
}

@media (min-width: 60em) {
    body[data-boot-theme="charcoal-ice"],
    [data-crkit-theme="charcoal-ice"],
    [data-crkit-theme-chain~="charcoal-ice"] {
        --site-padding-width: 2.5rem;
        --theme-content-side-padding: var(--site-padding-width);
        --narrow-content-padding: 6rem;
        --theme-section-side-padding: var(--theme-content-side-padding);
        --theme-section-narrow-padding: var(--narrow-content-padding);
    }
}
}
@layer crkit.tokens {
    [data-crkit-theme="charcoal-ice-2"], [data-crkit-theme-chain~="charcoal-ice-2"] {
        --theme-accent: #3584e4;
        --theme-background: #fafafb;
        --theme-border: rgb(0 0 6 / 15%);
        --theme-card-background: #ffffff;
        --theme-content-size: 75rem;
        --theme-destructive: #e01b24;
        --theme-dialog-background: #fafafb;
        --theme-focus: #3584e4;
        --theme-foreground: rgb(0 0 6 / 80%);
        --theme-headerbar-background: #ffffff;
        --theme-interactive-active-background: rgb(0 0 6 / 12%);
        --theme-interactive-hover-background: rgb(0 0 6 / 7%);
        --theme-interactive-selected-background: color-mix(in srgb, var(--theme-accent, #3584e4) 16%, transparent);
        --theme-interactive-selected-foreground: rgb(0 0 6 / 80%);
        --theme-menu-switch-block-size: 0.875rem;
        --theme-menu-switch-inline-size: 1.5rem;
        --theme-menu-switch-thumb-inset: 1px;
        --theme-menu-switch-thumb-size: 0.625rem;
        --theme-popover-background: #ffffff;
        --theme-secondary-sidebar-background: #f3f3f5;
        --theme-sidebar-background: #ebebed;
        --theme-spacing-large: 2rem;
        --theme-spacing-medium: 1rem;
        --theme-spacing-small: 0.5rem;
        --theme-success: #2ec27e;
        --theme-surface: #ffffff;
        --theme-toolbar-control-block-size: 2.625rem;
        --theme-toolbar-icon-size: 1rem;
        --theme-view-background: #ffffff;
        --theme-warning: #e5a50a;
        --theme-wide-size: 88vw;
        --theme-window-background: #fafafb;
    }
    :is([data-crkit-theme="charcoal-ice-2"], [data-crkit-theme-chain~="charcoal-ice-2"])[data-crkit-theme-scheme="dark"] {
        --theme-accent: #3584e4;
        --theme-background: #222226;
        --theme-border: rgb(255 255 255 / 15%);
        --theme-card-background: rgb(255 255 255 / 8%);
        --theme-destructive: #c01c28;
        --theme-dialog-background: #36363a;
        --theme-focus: #62a0ea;
        --theme-foreground: #ffffff;
        --theme-headerbar-background: #2e2e32;
        --theme-interactive-active-background: rgb(255 255 255 / 16%);
        --theme-interactive-hover-background: rgb(255 255 255 / 10%);
        --theme-interactive-selected-background: color-mix(in srgb, var(--theme-accent, #3584e4) 16%, transparent);
        --theme-interactive-selected-foreground: #ffffff;
        --theme-popover-background: #36363a;
        --theme-secondary-sidebar-background: #28282c;
        --theme-sidebar-background: #2e2e32;
        --theme-success: #26a269;
        --theme-surface: #1d1d20;
        --theme-view-background: #1d1d20;
        --theme-warning: #cd9309;
        --theme-window-background: #222226;
    }
    :is([data-crkit-theme="charcoal-ice-2"], [data-crkit-theme-chain~="charcoal-ice-2"])[data-crkit-theme-scheme="high-contrast"] {
        --theme-border: rgb(0 0 6 / 50%);
        --theme-focus: #1a5fb4;
        --theme-interactive-active-background: rgb(0 0 6 / 20%);
        --theme-interactive-hover-background: rgb(0 0 6 / 14%);
        --theme-interactive-selected-background: color-mix(in srgb, var(--theme-accent, #3584e4) 16%, transparent);
        --theme-interactive-selected-foreground: rgb(0 0 6 / 80%);
    }
}
@layer crkit.theme {
body[data-boot-theme="charcoal-ice-2"],
[data-crkit-theme="charcoal-ice-2"],
[data-crkit-theme-chain~="charcoal-ice-2"] {
    color-scheme: light;
    --adw-window-bg-color: #fafafb;
    --adw-window-fg-color: rgb(0 0 6 / 80%);
    --adw-view-bg-color: #ffffff;
    --adw-view-fg-color: rgb(0 0 6 / 80%);
    --adw-headerbar-bg-color: #ffffff;
    --adw-sidebar-bg-color: #ebebed;
    --adw-secondary-sidebar-bg-color: #f3f3f5;
    --adw-card-bg-color: #ffffff;
    --adw-dialog-bg-color: #fafafb;
    --adw-popover-bg-color: #ffffff;
    --adw-accent-bg-color: #3584e4;
    --adw-accent-fg-color: #ffffff;
    --adw-accent-color: #0461be;
    --adw-destructive-bg-color: #e01b24;
    --adw-success-bg-color: #2ec27e;
    --adw-warning-bg-color: #e5a50a;
    --adw-border-color: rgb(0 0 6 / 15%);
    --adw-shade-color: rgb(0 0 6 / 7%);
    --adw-dim-opacity: 55%;
    --adw-disabled-opacity: 50%;

    --theme-app-background: var(--adw-window-bg-color);
    --theme-surface: var(--adw-headerbar-bg-color);
    --theme-surface-solid: var(--adw-view-bg-color);
    --theme-ink: var(--adw-window-fg-color);
    --theme-muted: color-mix(in srgb, var(--adw-window-fg-color) var(--adw-dim-opacity), transparent);
    --theme-heading: var(--adw-window-fg-color);
    --theme-line: var(--adw-border-color);
    --theme-border: var(--adw-border-color);
    --theme-accent: var(--adw-accent-bg-color);
    --theme-focus-ring-color: var(--adw-accent-bg-color);
    --theme-destructive: var(--adw-destructive-bg-color);
    --theme-destructive-foreground: var(--theme-destructive);
    --theme-destructive-background: var(--theme-destructive);
    --theme-destructive-on-background: var(--adw-accent-fg-color);
    --theme-destructive-border: var(--theme-destructive);
    --theme-destructive-hover-background: color-mix(in srgb, var(--theme-destructive) 82%, black);
    --theme-destructive-hover-on-background: var(--theme-destructive-on-background);
    --theme-destructive-hover-border: var(--theme-destructive-hover-background);
    --theme-favorite: var(--adw-destructive-bg-color);
    --theme-dialog-margin: 1rem;
    --theme-dialog-padding-block: 2rem;
    --theme-dialog-padding-inline: 2rem;
    --theme-interactive-hover-background: var(--adw-shade-color);
    --theme-interactive-hover-foreground: var(--adw-window-fg-color);
    --color-text: var(--adw-window-fg-color);
    --color-text-inv: var(--adw-accent-fg-color);
    --color-text-mid: var(--theme-muted);
    --color-text-light: var(--theme-muted);
    --color-text-lighter: color-mix(in srgb, var(--adw-window-fg-color) 42%, transparent);
    --color-text-placeholder: color-mix(in srgb, var(--adw-window-fg-color) 42%, transparent);
    --color-accent: var(--adw-accent-bg-color);
    --color-accent-stronger: var(--adw-accent-color);
    --color-accent-highlight: #62a0ea;
    --color-border: var(--adw-border-color);
    --color-border-light: var(--adw-border-color);
    --bg-color: var(--adw-window-bg-color);
    --bg-color-med: var(--adw-secondary-sidebar-bg-color);
    --bg-color-light: var(--adw-view-bg-color);
    --bg-color-soft: var(--adw-sidebar-bg-color);
    --bg-color-panel: var(--adw-dialog-bg-color);
    --theme-panel-background: var(--adw-dialog-bg-color);
    --theme-panel-ink: var(--adw-window-fg-color);
    --theme-panel-border-color: var(--adw-border-color);
    --theme-panel-shadow: 0 0.25rem 1rem rgb(0 0 6 / 18%);
    --theme-popover-background: var(--adw-popover-bg-color);
    --theme-popover-ink: var(--adw-window-fg-color);
    --theme-popover-border-color: var(--adw-border-color);
    --theme-popover-shadow: 0 0.25rem 1rem rgb(0 0 6 / 18%);
    --theme-form-control-frame-border: var(--adw-border-color);
    --theme-form-control-frame-border-width: 2px;
    --theme-form-control-frame-padding-block: 0.55rem 0.4rem;
    --theme-form-control-frame-padding-inline: 0.75rem;
    --theme-form-control-frame-border-hover: color-mix(in srgb, var(--adw-window-fg-color) 26%, transparent);
    --theme-form-control-frame-border-focus: var(--adw-accent-bg-color);
    --theme-form-control-label-color: var(--theme-muted);
    --theme-form-control-date-input-min-block-size: calc(1.65em + 0.75rem);
    --theme-form-control-date-value-inline-offset: -1px;
    --theme-form-control-date-value-block-offset: 0.265625rem;
    --theme-form-control-date-firefox-inline-offset: -3px;
    --theme-form-control-date-firefox-inline-expansion: 3px;
    --theme-form-control-date-firefox-block-offset: 0.375rem;
    --theme-form-help-trigger-color: var(--adw-window-fg-color);
    --theme-form-help-popover-background: var(--adw-popover-bg-color);
    --color-button: color-mix(in srgb, var(--adw-window-fg-color) 8%, transparent);
    --color-button-hover: color-mix(in srgb, var(--color-button) 80%, black 20%);
    --color-button-text: var(--adw-window-fg-color);
    --color-button-text-hover: var(--color-button-text);
    --color-button-border: var(--adw-border-color);
    --color-button-border-hover: color-mix(in srgb, var(--adw-window-fg-color) 24%, transparent);
    --border-button: var(--theme-button-border-width) solid var(--color-button-border);
    --theme-toolbar-control-block-size: 2.625rem;
    --theme-button-min-block-size: var(--theme-toolbar-control-block-size);
    --theme-button-max-block-size: var(--theme-toolbar-control-block-size);
    --padding-button: 0.5em 1.3em;
    --font-size-button: 1em;
    --font-weight-button: 500;
    --theme-form-buttons-stack-max-width: 0;
    --theme-toolbar-icon-size: 1rem;

    --theme-menu-popup-scale: 0.9775;
    --theme-menu-popup-font-size: calc(1rem * var(--theme-menu-popup-scale));
    --theme-menu-popup-inline-size: 13.5rem;
    --theme-menu-popup-item-height: 2rem;
    --theme-menu-popup-padding: 0.375rem;
    --theme-menu-popup-row-gap: 0;
    --theme-menu-popup-item-padding-block: 0.25rem;
    --theme-menu-popup-item-padding-inline: 0.75rem;
    --theme-menu-popup-separator-margin-block: 0.375rem;
    --theme-menu-popup-separator-margin-inline: 0;
    --theme-menu-popup-anchor-gap: 0.55rem;
    --theme-menu-popup-icon-size: 1em;
    --theme-menu-switch-inline-size: 1.5rem;
    --theme-menu-switch-block-size: 0.875rem;
    --theme-menu-switch-thumb-size: 0.625rem;
    --theme-menu-switch-thumb-inset: 1px;
    --color-button-primary: var(--adw-accent-bg-color);
    --color-button-primary-hover: color-mix(in srgb, var(--color-button-primary) 80%, black 20%);
    --color-button-primary-text: var(--adw-accent-fg-color);
    --color-button-primary-text-hover: var(--color-button-primary-text);
    --color-button-primary-border: var(--adw-accent-bg-color);
    --color-button-primary-border-hover: var(--color-button-primary-hover);
    --border-button-primary: var(--theme-button-border-width) solid var(--color-button-primary-border);
    --color-button-secondary: var(--color-button);
    --color-button-secondary-hover: color-mix(in srgb, var(--color-button-secondary) 80%, black 20%);
    --color-button-secondary-text: var(--adw-window-fg-color);
    --color-button-secondary-text-hover: var(--color-button-secondary-text);
    --color-button-secondary-border: var(--adw-border-color);
    --color-button-secondary-border-hover: var(--color-button-border-hover);
    --border-button-secondary: var(--theme-button-border-width) solid var(--color-button-secondary-border);
    --theme-toast-success-bg: var(--adw-success-bg-color);
    --theme-toast-error-bg: var(--adw-destructive-bg-color);
    --theme-toast-warning-bg: var(--adw-warning-bg-color);
    --theme-app-shell-inset: 0.7rem;
    --theme-navigation-rail-outer-background: var(--adw-secondary-sidebar-bg-color);
    --theme-navigation-rail-inner-background: var(--adw-sidebar-bg-color);
    --theme-navigation-rail-inner-border: 1px solid var(--adw-border-color);
    --theme-navigation-rail-inner-radius: 0.75rem;

    --cr-grid-item-icon-size-small: 3.25rem;
    --cr-grid-item-icon-size-medium: 4rem;
    --cr-grid-item-icon-size-large: 4.75rem;
    --cr-grid-icon-tile-size-small: 7.5em;
    --cr-grid-icon-tile-size-medium: 9em;
    --cr-grid-icon-tile-size-large: 10.5em;
    --cr-grid-icon-row-size-small: 6.75rem;
    --cr-grid-icon-row-size-medium: 7.5rem;
    --cr-grid-icon-row-size-large: 8.25rem;
    --cr-grid-icon-cell-padding: 0.6em 1em;
    --cr-grid-icon-label-gap: 0.45em;
    --cr-grid-icon-row-gap: 0.5em;
    --cr-grid-icon-column-gap: 0.8em;
}


:is(
    body[data-boot-theme="charcoal-ice-2"],
    [data-crkit-theme="charcoal-ice-2"],
    [data-crkit-theme-chain~="charcoal-ice-2"]
) :is(button, input[type="button"], input[type="submit"], input[type="reset"], .btn, .button-link) {
    font-size: var(--font-size-button);
    font-weight: var(--font-weight-button);
}

:is(
    body[data-boot-theme="charcoal-ice-2"],
    [data-crkit-theme="charcoal-ice-2"],
    [data-crkit-theme-chain~="charcoal-ice-2"]
) .form-text-field-block-input[type="date"] {
    min-block-size: var(--theme-form-control-date-input-min-block-size) !important;
    min-height: var(--theme-form-control-date-input-min-block-size) !important;
    line-height: 1.428571;
}

:is(
    body[data-boot-theme="charcoal-ice-2"],
    [data-crkit-theme="charcoal-ice-2"],
    [data-crkit-theme-chain~="charcoal-ice-2"]
) .form-text-field-block-input[type="date"]::-webkit-datetime-edit-fields-wrapper {
    margin-inline-start: var(--theme-form-control-date-value-inline-offset);
    transform: translateY(var(--theme-form-control-date-value-block-offset));
}

:is(
    body[data-boot-theme="charcoal-ice-2"],
    [data-crkit-theme="charcoal-ice-2"],
    [data-crkit-theme-chain~="charcoal-ice-2"]
) .form-text-field-block[data-form-text-field-type="date"][data-form-field-has-value="false"]
    > .form-control-field-block-frame:focus-within .form-control-field-block-title,
:is(
    body[data-boot-theme="charcoal-ice-2"],
    [data-crkit-theme="charcoal-ice-2"],
    [data-crkit-theme-chain~="charcoal-ice-2"]
) .form-text-field-block[data-form-text-field-type="date"][data-form-field-has-value="false"][data-form-field-active="true"]
    > .form-control-field-block-frame .form-control-field-block-title {
    color: var(--theme-form-control-label-color);
    inset-block-start: 50%;
    transform: translateY(-50%);
}

:is(
    body[data-boot-theme="charcoal-ice-2"],
    [data-crkit-theme="charcoal-ice-2"],
    [data-crkit-theme-chain~="charcoal-ice-2"]
) .form-text-field-block[data-form-text-field-type="date"][data-form-field-has-value="false"]
    > .form-control-field-block-frame:focus-within .form-text-field-block-input,
:is(
    body[data-boot-theme="charcoal-ice-2"],
    [data-crkit-theme="charcoal-ice-2"],
    [data-crkit-theme-chain~="charcoal-ice-2"]
) .form-text-field-block[data-form-text-field-type="date"][data-form-field-has-value="false"][data-form-field-active="true"]
    > .form-control-field-block-frame .form-text-field-block-input {
    opacity: 0;
}

@supports (-moz-appearance: none) {
    :is(
        body[data-boot-theme="charcoal-ice-2"],
        [data-crkit-theme="charcoal-ice-2"],
        [data-crkit-theme-chain~="charcoal-ice-2"]
    ) .form-text-field-block-input[type="date"] {
        flex: 0 0 calc(100% + var(--theme-form-control-date-firefox-inline-expansion));
        inline-size: calc(100% + var(--theme-form-control-date-firefox-inline-expansion));
        transform: translate(
            var(--theme-form-control-date-firefox-inline-offset),
            var(--theme-form-control-date-firefox-block-offset)
        );
    }
}


:is(
    body[data-boot-theme="charcoal-ice-2"],
    [data-crkit-theme="charcoal-ice-2"],
    [data-crkit-theme-chain~="charcoal-ice-2"]
) {
    scrollbar-color: color-mix(in srgb, currentColor 34%, transparent) transparent;
}


:is(
    body[data-boot-theme="charcoal-ice-2"],
    [data-crkit-theme="charcoal-ice-2"],
    [data-crkit-theme-chain~="charcoal-ice-2"]
) :is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-item"] {
    background-image: none;
}

:is(
    body[data-boot-theme="charcoal-ice-2"],
    [data-crkit-theme="charcoal-ice-2"],
    [data-crkit-theme-chain~="charcoal-ice-2"]
)::-webkit-scrollbar,
:is(
    body[data-boot-theme="charcoal-ice-2"],
    [data-crkit-theme="charcoal-ice-2"],
    [data-crkit-theme-chain~="charcoal-ice-2"]
) :where(*)::-webkit-scrollbar,
:is(
    body[data-boot-theme="charcoal-ice-2"],
    [data-crkit-theme="charcoal-ice-2"],
    [data-crkit-theme-chain~="charcoal-ice-2"]
)::-webkit-scrollbar-track,
:is(
    body[data-boot-theme="charcoal-ice-2"],
    [data-crkit-theme="charcoal-ice-2"],
    [data-crkit-theme-chain~="charcoal-ice-2"]
) :where(*)::-webkit-scrollbar-track,
:is(
    body[data-boot-theme="charcoal-ice-2"],
    [data-crkit-theme="charcoal-ice-2"],
    [data-crkit-theme-chain~="charcoal-ice-2"]
)::-webkit-scrollbar-track-piece,
:is(
    body[data-boot-theme="charcoal-ice-2"],
    [data-crkit-theme="charcoal-ice-2"],
    [data-crkit-theme-chain~="charcoal-ice-2"]
) :where(*)::-webkit-scrollbar-track-piece,
:is(
    body[data-boot-theme="charcoal-ice-2"],
    [data-crkit-theme="charcoal-ice-2"],
    [data-crkit-theme-chain~="charcoal-ice-2"]
)::-webkit-scrollbar-corner,
:is(
    body[data-boot-theme="charcoal-ice-2"],
    [data-crkit-theme="charcoal-ice-2"],
    [data-crkit-theme-chain~="charcoal-ice-2"]
) :where(*)::-webkit-scrollbar-corner {
    background: transparent;
}

:is([data-crkit-theme="charcoal-ice-2"], [data-crkit-theme-chain~="charcoal-ice-2"]) :where(.title-1, h1) {
    font-size: 1.667rem;
    font-weight: 800;
    line-height: 1.2;
}

:is([data-crkit-theme="charcoal-ice-2"], [data-crkit-theme-chain~="charcoal-ice-2"]) :where(.title-2, h2) {
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1.25;
}

:is([data-crkit-theme="charcoal-ice-2"], [data-crkit-theme-chain~="charcoal-ice-2"]) :where(.title-3, h3) {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25;
}

:is([data-crkit-theme="charcoal-ice-2"], [data-crkit-theme-chain~="charcoal-ice-2"]) :where(.title-4, h4) {
    font-size: 1.083rem;
    font-weight: 700;
    line-height: 1.3;
}

:is([data-crkit-theme="charcoal-ice-2"], [data-crkit-theme-chain~="charcoal-ice-2"]) :where(.heading, h5, h6) {
    font-weight: 700;
}

:is([data-crkit-theme="charcoal-ice-2"], [data-crkit-theme-chain~="charcoal-ice-2"]) .document {
    font-size: 1rem;
    line-height: 1.5;
}

:is([data-crkit-theme="charcoal-ice-2"], [data-crkit-theme-chain~="charcoal-ice-2"]) .body {
    line-height: 1.5;
}

:is([data-crkit-theme="charcoal-ice-2"], [data-crkit-theme-chain~="charcoal-ice-2"]) .caption {
    font-size: 0.75rem;
}

:is([data-crkit-theme="charcoal-ice-2"], [data-crkit-theme-chain~="charcoal-ice-2"]) .caption-heading {
    font-size: 0.75rem;
    font-weight: 700;
}

:is([data-crkit-theme="charcoal-ice-2"], [data-crkit-theme-chain~="charcoal-ice-2"])
    :where(button, a, input, select, textarea, [tabindex]):focus-visible {
    outline-color: var(--theme-focus-ring-color);
}

:is(
    body[data-boot-theme="charcoal-ice-2"],
    [data-crkit-theme="charcoal-ice-2"],
    [data-crkit-theme-chain~="charcoal-ice-2"]
) [data-surface-kind="panel"] > [data-part="panel-close"]:focus:not([hidden]),
:is(
    body[data-boot-theme="charcoal-ice-2"],
    [data-crkit-theme="charcoal-ice-2"],
    [data-crkit-theme-chain~="charcoal-ice-2"]
) .cr-popover-live > [data-popover-close-link="true"].page-link.btn.btn-shape-circle:focus:not([hidden]) {
    border-color: transparent;
    background: var(--adw-accent-bg-color);
    color: var(--adw-accent-fg-color);
    outline: none;
    outline-offset: 0;
    box-shadow: none;
}

:is(
    body[data-boot-theme="charcoal-ice-2"],
    [data-crkit-theme="charcoal-ice-2"],
    [data-crkit-theme-chain~="charcoal-ice-2"]
) :is([data-type="menu"], [data-menu-control="true"])[data-menu-presentation="toolbar"] [data-part="menu-item"],
:is(
    body[data-boot-theme="charcoal-ice-2"],
    [data-crkit-theme="charcoal-ice-2"],
    [data-crkit-theme-chain~="charcoal-ice-2"]
) :is([data-type="menu"], [data-menu-control="true"])[data-menu-presentation="toolbar"][data-menu-direction="horizontal"]
    [data-part="menu-root"] > [data-part="menu-entry"] > [data-part="menu-item"] {
    box-shadow: none;
}

@media (prefers-color-scheme: dark) {
    body[data-boot-theme="charcoal-ice-2"]:not([data-boot-theme-mode="light"]),
    :is([data-crkit-theme="charcoal-ice-2"], [data-crkit-theme-chain~="charcoal-ice-2"])[data-crkit-theme-mode="auto"] {
        color-scheme: dark;
        --adw-window-bg-color: #222226;
        --adw-window-fg-color: #ffffff;
        --adw-view-bg-color: #1d1d20;
        --adw-view-fg-color: #ffffff;
        --adw-headerbar-bg-color: #2e2e32;
        --adw-sidebar-bg-color: #2e2e32;
        --adw-secondary-sidebar-bg-color: #28282c;
        --adw-card-bg-color: rgb(255 255 255 / 8%);
        --adw-dialog-bg-color: #36363a;
        --adw-popover-bg-color: #36363a;
        --adw-accent-color: #81d0ff;
        --adw-destructive-bg-color: #c01c28;
        --adw-success-bg-color: #26a269;
        --adw-warning-bg-color: #cd9309;
        --adw-border-color: rgb(255 255 255 / 15%);
        --adw-shade-color: rgb(255 255 255 / 10%);
        --theme-focus-ring-color: #62a0ea;
        --color-accent-highlight: #62a0ea;
        --color-button-primary-hover: #62a0ea;
        --color-button-primary-border-hover: #62a0ea;
        --theme-panel-shadow: 0 0.25rem 1rem rgb(0 0 6 / 42%);
        --theme-popover-shadow: 0 0.25rem 1rem rgb(0 0 6 / 42%);
        --theme-navigation-rail-outer-background: var(--adw-sidebar-bg-color);
        --theme-navigation-rail-inner-background: var(--adw-secondary-sidebar-bg-color);
    }
}

:is([data-crkit-theme="charcoal-ice-2"], [data-crkit-theme-chain~="charcoal-ice-2"])[data-crkit-theme-scheme="dark"] {
    color-scheme: dark;
    --adw-window-bg-color: #222226;
    --adw-window-fg-color: #ffffff;
    --adw-view-bg-color: #1d1d20;
    --adw-view-fg-color: #ffffff;
    --adw-headerbar-bg-color: #2e2e32;
    --adw-sidebar-bg-color: #2e2e32;
    --adw-secondary-sidebar-bg-color: #28282c;
    --adw-card-bg-color: rgb(255 255 255 / 8%);
    --adw-dialog-bg-color: #36363a;
    --adw-popover-bg-color: #36363a;
    --adw-accent-color: #81d0ff;
    --adw-destructive-bg-color: #c01c28;
    --adw-success-bg-color: #26a269;
    --adw-warning-bg-color: #cd9309;
    --adw-border-color: rgb(255 255 255 / 15%);
    --adw-shade-color: rgb(255 255 255 / 10%);
    --theme-focus-ring-color: #62a0ea;
    --color-accent-highlight: #62a0ea;
    --color-button-primary-hover: #62a0ea;
    --color-button-primary-border-hover: #62a0ea;
    --theme-panel-shadow: 0 0.25rem 1rem rgb(0 0 6 / 42%);
    --theme-popover-shadow: 0 0.25rem 1rem rgb(0 0 6 / 42%);
    --theme-navigation-rail-outer-background: var(--adw-sidebar-bg-color);
    --theme-navigation-rail-inner-background: var(--adw-secondary-sidebar-bg-color);
}

@media (prefers-contrast: more) {
    body[data-boot-theme="charcoal-ice-2"],
    [data-crkit-theme="charcoal-ice-2"],
    [data-crkit-theme-chain~="charcoal-ice-2"] {
        --adw-border-color: color-mix(in srgb, currentColor 50%, transparent);
        --adw-dim-opacity: 90%;
        --adw-disabled-opacity: 40%;
        --theme-focus-ring-color: #1a5fb4;
    }
}

:is([data-crkit-theme="charcoal-ice-2"], [data-crkit-theme-chain~="charcoal-ice-2"])[data-crkit-theme-scheme="high-contrast"] {
    --adw-border-color: color-mix(in srgb, currentColor 50%, transparent);
    --adw-dim-opacity: 90%;
    --adw-disabled-opacity: 40%;
    --theme-focus-ring-color: #1a5fb4;
}
}
