/*!
 * Moo UI core
 * Copyright (c) 2026 WPMoo (wpmoo.org)
 * Includes Bootstrap 5.3.3 component output
 * SPDX-License-Identifier: MIT
 */
@property --moo-scroll-fade-t {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --moo-scroll-fade-b {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --moo-scroll-fade-s {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --moo-scroll-fade-e {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@keyframes moo-scroll-fade-reveal-t {
  from {
    --moo-scroll-fade-t: 0;
  }
  to {
    --moo-scroll-fade-t: var(--moo-scroll-fade-t-size);
  }
}

@keyframes moo-scroll-fade-reveal-b {
  from {
    --moo-scroll-fade-b: var(--moo-scroll-fade-b-size);
  }
  to {
    --moo-scroll-fade-b: 0;
  }
}

@keyframes moo-scroll-fade-reveal-s {
  from {
    --moo-scroll-fade-s: 0;
  }
  to {
    --moo-scroll-fade-s: var(--moo-scroll-fade-s-size);
  }
}

@keyframes moo-scroll-fade-reveal-e {
  from {
    --moo-scroll-fade-e: var(--moo-scroll-fade-e-size);
  }
  to {
    --moo-scroll-fade-e: 0;
  }
}

@keyframes moo-spinner-rotate {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}

.moo-ui {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #0a0a0a;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #171717;
  --bs-secondary: #f4f4f5;
  --bs-success: #16803c;
  --bs-info: #0f6e8c;
  --bs-warning: #a15c00;
  --bs-danger: #dc2626;
  --bs-light: #fafafa;
  --bs-dark: #18181b;
  --bs-primary-rgb: 23, 23, 23;
  --bs-secondary-rgb: 244, 244, 245;
  --bs-success-rgb: 22, 128, 60;
  --bs-info-rgb: 15, 110, 140;
  --bs-warning-rgb: 161, 92, 0;
  --bs-danger-rgb: 220, 38, 38;
  --bs-light-rgb: 250, 250, 250;
  --bs-dark-rgb: 24, 24, 27;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 10, 10, 10;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 0.875rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-link-decoration: underline;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-radius: 0.5rem;
  --bs-border-radius-sm: 0.375rem;
  --bs-border-radius-lg: 0.625rem;
  --bs-border-radius-xl: 0.75rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --bs-box-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --bs-box-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(10, 10, 10, 0.075);
  --bs-focus-ring-width: 2px;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: var(--moo-ring);
  --moo-overlay-backdrop-opacity: 1;
  --moo-overlay-backdrop-bg: color-mix(in srgb, var(--bs-black) 10%, transparent);
  --moo-overlay-backdrop-filter: blur(8px);
  --moo-input-group-border-radius: var(--bs-border-radius-lg);
  --moo-disabled-control-opacity: 0.5;
  --moo-sidebar-foreground: var(--moo-foreground);
  --moo-sidebar-accent: var(--moo-muted-surface);
  --moo-sidebar-border: var(--moo-border);
  color-scheme: light;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  --moo-surface: #fff;
  --moo-muted-surface: #f4f4f5;
  --moo-border: #e4e4e7;
  --moo-foreground: #18181b;
  --moo-muted-foreground: #71717a;
  --moo-disabled-foreground: #a1a1aa;
  --moo-ring: #18181b;
  --moo-destructive: #dc2626;
  --moo-destructive-foreground: #fff;
  --moo-sidebar: #fafafa;
  --bs-body-color: var(--moo-foreground);
  --bs-body-color-rgb: 24, 24, 27;
  --bs-body-bg: var(--moo-surface);
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: var(--moo-foreground);
  --bs-emphasis-color-rgb: 24, 24, 27;
  --bs-secondary-color: var(--moo-muted-foreground);
  --bs-secondary-color-rgb: 113, 113, 122;
  --bs-secondary-bg: var(--moo-muted-surface);
  --bs-secondary-bg-rgb: 244, 244, 245;
  --bs-tertiary-color: #a1a1aa;
  --bs-tertiary-color-rgb: 161, 161, 170;
  --bs-tertiary-bg: #fafafa;
  --bs-tertiary-bg-rgb: 250, 250, 250;
  --bs-heading-color: var(--moo-foreground);
  --bs-link-color: var(--moo-foreground);
  --bs-link-color-rgb: 24, 24, 27;
  --bs-link-hover-color: var(--moo-muted-foreground);
  --bs-link-hover-color-rgb: 113, 113, 122;
  --bs-code-color: #d63384;
  --bs-highlight-color: var(--moo-foreground);
  --bs-highlight-bg: #fff3cd;
  --bs-border-color: var(--moo-border);
  --bs-border-color-translucent: rgba(24, 24, 27, 0.175);
  --bs-form-valid-color: #16803c;
  --bs-form-valid-border-color: #16803c;
  --bs-form-invalid-color: #dc2626;
  --bs-form-invalid-border-color: #dc2626;
  --bs-primary-text-emphasis: #090909;
  --bs-secondary-text-emphasis: #626262;
  --bs-success-text-emphasis: #093318;
  --bs-info-text-emphasis: #062c38;
  --bs-warning-text-emphasis: #402500;
  --bs-danger-text-emphasis: #580f0f;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #d1d1d1;
  --bs-secondary-bg-subtle: #fdfdfd;
  --bs-success-bg-subtle: #d0e6d8;
  --bs-info-bg-subtle: #cfe2e8;
  --bs-warning-bg-subtle: #ecdecc;
  --bs-danger-bg-subtle: #f8d4d4;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #a2a2a2;
  --bs-secondary-border-subtle: #fbfbfb;
  --bs-success-border-subtle: #a2ccb1;
  --bs-info-border-subtle: #9fc5d1;
  --bs-warning-border-subtle: #d9be99;
  --bs-danger-border-subtle: #f1a8a8;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
}

:where(html, body)[data-bs-theme="dark"] .moo-ui:not([data-bs-theme]) {
  color-scheme: dark;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  --moo-surface: #18181b;
  --moo-muted-surface: #27272a;
  --moo-border: #3f3f46;
  --moo-foreground: #fafafa;
  --moo-muted-foreground: #a1a1aa;
  --moo-disabled-foreground: #71717a;
  --moo-ring: #fafafa;
  --moo-destructive: #f87171;
  --moo-destructive-foreground: #18181b;
  --moo-sidebar: #1c1c1f;
  --bs-body-color: var(--moo-foreground);
  --bs-body-color-rgb: 250, 250, 250;
  --bs-body-bg: var(--moo-surface);
  --bs-body-bg-rgb: 24, 24, 27;
  --bs-emphasis-color: var(--moo-foreground);
  --bs-emphasis-color-rgb: 250, 250, 250;
  --bs-secondary-color: var(--moo-muted-foreground);
  --bs-secondary-color-rgb: 161, 161, 170;
  --bs-secondary-bg: var(--moo-muted-surface);
  --bs-secondary-bg-rgb: 39, 39, 42;
  --bs-tertiary-color: #71717a;
  --bs-tertiary-color-rgb: 113, 113, 122;
  --bs-tertiary-bg: #202024;
  --bs-tertiary-bg-rgb: 32, 32, 36;
  --bs-heading-color: var(--moo-foreground);
  --bs-link-color: var(--moo-foreground);
  --bs-link-color-rgb: 250, 250, 250;
  --bs-link-hover-color: var(--moo-muted-foreground);
  --bs-link-hover-color-rgb: 161, 161, 170;
  --bs-code-color: #e685b5;
  --bs-highlight-color: var(--moo-foreground);
  --bs-highlight-bg: #664d03;
  --bs-border-color: var(--moo-border);
  --bs-border-color-translucent: rgba(250, 250, 250, 0.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
  --bs-primary-text-emphasis: #747474;
  --bs-secondary-text-emphasis: #f8f8f9;
  --bs-success-text-emphasis: #73b38a;
  --bs-info-text-emphasis: #6fa8ba;
  --bs-warning-text-emphasis: #c79d66;
  --bs-danger-text-emphasis: #ea7d7d;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #050505;
  --bs-secondary-bg-subtle: #313131;
  --bs-success-bg-subtle: #041a0c;
  --bs-info-bg-subtle: #03161c;
  --bs-warning-bg-subtle: #201200;
  --bs-danger-bg-subtle: #2c0808;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1f2225;
  --bs-primary-border-subtle: #0e0e0e;
  --bs-secondary-border-subtle: #929293;
  --bs-success-border-subtle: #0d4d24;
  --bs-info-border-subtle: #094254;
  --bs-warning-border-subtle: #613700;
  --bs-danger-border-subtle: #841717;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
}

.moo-ui[data-bs-theme="light"] {
  color-scheme: light;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  --moo-surface: #fff;
  --moo-muted-surface: #f4f4f5;
  --moo-border: #e4e4e7;
  --moo-foreground: #18181b;
  --moo-muted-foreground: #71717a;
  --moo-disabled-foreground: #a1a1aa;
  --moo-ring: #18181b;
  --moo-destructive: #dc2626;
  --moo-destructive-foreground: #fff;
  --moo-sidebar: #fafafa;
  --bs-body-color: var(--moo-foreground);
  --bs-body-color-rgb: 24, 24, 27;
  --bs-body-bg: var(--moo-surface);
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: var(--moo-foreground);
  --bs-emphasis-color-rgb: 24, 24, 27;
  --bs-secondary-color: var(--moo-muted-foreground);
  --bs-secondary-color-rgb: 113, 113, 122;
  --bs-secondary-bg: var(--moo-muted-surface);
  --bs-secondary-bg-rgb: 244, 244, 245;
  --bs-tertiary-color: #a1a1aa;
  --bs-tertiary-color-rgb: 161, 161, 170;
  --bs-tertiary-bg: #fafafa;
  --bs-tertiary-bg-rgb: 250, 250, 250;
  --bs-heading-color: var(--moo-foreground);
  --bs-link-color: var(--moo-foreground);
  --bs-link-color-rgb: 24, 24, 27;
  --bs-link-hover-color: var(--moo-muted-foreground);
  --bs-link-hover-color-rgb: 113, 113, 122;
  --bs-code-color: #d63384;
  --bs-highlight-color: var(--moo-foreground);
  --bs-highlight-bg: #fff3cd;
  --bs-border-color: var(--moo-border);
  --bs-border-color-translucent: rgba(24, 24, 27, 0.175);
  --bs-form-valid-color: #16803c;
  --bs-form-valid-border-color: #16803c;
  --bs-form-invalid-color: #dc2626;
  --bs-form-invalid-border-color: #dc2626;
  --bs-primary-text-emphasis: #090909;
  --bs-secondary-text-emphasis: #626262;
  --bs-success-text-emphasis: #093318;
  --bs-info-text-emphasis: #062c38;
  --bs-warning-text-emphasis: #402500;
  --bs-danger-text-emphasis: #580f0f;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #d1d1d1;
  --bs-secondary-bg-subtle: #fdfdfd;
  --bs-success-bg-subtle: #d0e6d8;
  --bs-info-bg-subtle: #cfe2e8;
  --bs-warning-bg-subtle: #ecdecc;
  --bs-danger-bg-subtle: #f8d4d4;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #a2a2a2;
  --bs-secondary-border-subtle: #fbfbfb;
  --bs-success-border-subtle: #a2ccb1;
  --bs-info-border-subtle: #9fc5d1;
  --bs-warning-border-subtle: #d9be99;
  --bs-danger-border-subtle: #f1a8a8;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
}

.moo-ui[data-bs-theme="dark"] {
  color-scheme: dark;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  --moo-surface: #18181b;
  --moo-muted-surface: #27272a;
  --moo-border: #3f3f46;
  --moo-foreground: #fafafa;
  --moo-muted-foreground: #a1a1aa;
  --moo-disabled-foreground: #71717a;
  --moo-ring: #fafafa;
  --moo-destructive: #f87171;
  --moo-destructive-foreground: #18181b;
  --moo-sidebar: #1c1c1f;
  --bs-body-color: var(--moo-foreground);
  --bs-body-color-rgb: 250, 250, 250;
  --bs-body-bg: var(--moo-surface);
  --bs-body-bg-rgb: 24, 24, 27;
  --bs-emphasis-color: var(--moo-foreground);
  --bs-emphasis-color-rgb: 250, 250, 250;
  --bs-secondary-color: var(--moo-muted-foreground);
  --bs-secondary-color-rgb: 161, 161, 170;
  --bs-secondary-bg: var(--moo-muted-surface);
  --bs-secondary-bg-rgb: 39, 39, 42;
  --bs-tertiary-color: #71717a;
  --bs-tertiary-color-rgb: 113, 113, 122;
  --bs-tertiary-bg: #202024;
  --bs-tertiary-bg-rgb: 32, 32, 36;
  --bs-heading-color: var(--moo-foreground);
  --bs-link-color: var(--moo-foreground);
  --bs-link-color-rgb: 250, 250, 250;
  --bs-link-hover-color: var(--moo-muted-foreground);
  --bs-link-hover-color-rgb: 161, 161, 170;
  --bs-code-color: #e685b5;
  --bs-highlight-color: var(--moo-foreground);
  --bs-highlight-bg: #664d03;
  --bs-border-color: var(--moo-border);
  --bs-border-color-translucent: rgba(250, 250, 250, 0.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
  --bs-primary-text-emphasis: #747474;
  --bs-secondary-text-emphasis: #f8f8f9;
  --bs-success-text-emphasis: #73b38a;
  --bs-info-text-emphasis: #6fa8ba;
  --bs-warning-text-emphasis: #c79d66;
  --bs-danger-text-emphasis: #ea7d7d;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #050505;
  --bs-secondary-bg-subtle: #313131;
  --bs-success-bg-subtle: #041a0c;
  --bs-info-bg-subtle: #03161c;
  --bs-warning-bg-subtle: #201200;
  --bs-danger-bg-subtle: #2c0808;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1f2225;
  --bs-primary-border-subtle: #0e0e0e;
  --bs-secondary-border-subtle: #929293;
  --bs-success-border-subtle: #0d4d24;
  --bs-info-border-subtle: #094254;
  --bs-warning-border-subtle: #613700;
  --bs-danger-border-subtle: #841717;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
}

.moo-ui[dir="rtl"] {
  direction: rtl;
}

@scope (.moo-ui) {
  .table {
    --bs-table-color-type: initial;
    --bs-table-bg-type: initial;
    --bs-table-color-state: initial;
    --bs-table-bg-state: initial;
    --bs-table-color: var(--bs-emphasis-color);
    --bs-table-bg: var(--bs-body-bg);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-emphasis-color);
    --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
    --bs-table-active-color: var(--bs-emphasis-color);
    --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
    --bs-table-hover-color: var(--bs-emphasis-color);
    --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: var(--bs-table-border-color);
  }
  .table > :not(caption) > * > * {
    padding: 0.5rem 0.5rem;
    color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
    background-color: var(--bs-table-bg);
    border-bottom-width: var(--bs-border-width);
    box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
  }
  .table > tbody {
    vertical-align: inherit;
  }
  .table > thead {
    vertical-align: bottom;
  }
  .table-group-divider {
    border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
  }
  .caption-top {
    caption-side: top;
  }
  .table-sm > :not(caption) > * > * {
    padding: 0.25rem 0.25rem;
  }
  .table-bordered > :not(caption) > * {
    border-width: var(--bs-border-width) 0;
  }
  .table-bordered > :not(caption) > * > * {
    border-width: 0 var(--bs-border-width);
  }
  .table-borderless > :not(caption) > * > * {
    border-bottom-width: 0;
  }
  .table-borderless > :not(:first-child) {
    border-top-width: 0;
  }
  .table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg);
  }
  .table-striped-columns > :not(caption) > tr > :nth-child(even) {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg);
  }
  .table-active {
    --bs-table-color-state: var(--bs-table-active-color);
    --bs-table-bg-state: var(--bs-table-active-bg);
  }
  .table-hover > tbody > tr:hover > * {
    --bs-table-color-state: var(--bs-table-hover-color);
    --bs-table-bg-state: var(--bs-table-hover-bg);
  }
  .table-primary {
    --bs-table-color: #0a0a0a;
    --bs-table-bg: #d1d1d1;
    --bs-table-border-color: darkgray;
    --bs-table-striped-bg: #c7c7c7;
    --bs-table-striped-color: #0a0a0a;
    --bs-table-active-bg: #bdbdbd;
    --bs-table-active-color: #0a0a0a;
    --bs-table-hover-bg: #c2c2c2;
    --bs-table-hover-color: #0a0a0a;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
  }
  .table-secondary {
    --bs-table-color: #0a0a0a;
    --bs-table-bg: #fdfdfd;
    --bs-table-border-color: #cccccc;
    --bs-table-striped-bg: #f1f1f1;
    --bs-table-striped-color: #0a0a0a;
    --bs-table-active-bg: #e5e5e5;
    --bs-table-active-color: #0a0a0a;
    --bs-table-hover-bg: #ebebeb;
    --bs-table-hover-color: #0a0a0a;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
  }
  .table-success {
    --bs-table-color: #0a0a0a;
    --bs-table-bg: #d0e6d8;
    --bs-table-border-color: #a8baaf;
    --bs-table-striped-bg: #c6dbce;
    --bs-table-striped-color: #0a0a0a;
    --bs-table-active-bg: #bcd0c3;
    --bs-table-active-color: #0a0a0a;
    --bs-table-hover-bg: #c1d6c9;
    --bs-table-hover-color: #0a0a0a;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
  }
  .table-info {
    --bs-table-color: #0a0a0a;
    --bs-table-bg: #cfe2e8;
    --bs-table-border-color: #a8b7bc;
    --bs-table-striped-bg: #c5d7dd;
    --bs-table-striped-color: #0a0a0a;
    --bs-table-active-bg: #bbccd2;
    --bs-table-active-color: #0a0a0a;
    --bs-table-hover-bg: #c0d2d7;
    --bs-table-hover-color: #0a0a0a;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
  }
  .table-warning {
    --bs-table-color: #0a0a0a;
    --bs-table-bg: #ecdecc;
    --bs-table-border-color: #bfb4a5;
    --bs-table-striped-bg: #e1d3c2;
    --bs-table-striped-color: #0a0a0a;
    --bs-table-active-bg: #d5c9b9;
    --bs-table-active-color: #0a0a0a;
    --bs-table-hover-bg: #dbcebd;
    --bs-table-hover-color: #0a0a0a;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
  }
  .table-danger {
    --bs-table-color: #0a0a0a;
    --bs-table-bg: #f8d4d4;
    --bs-table-border-color: #c8acac;
    --bs-table-striped-bg: #eccaca;
    --bs-table-striped-color: #0a0a0a;
    --bs-table-active-bg: #e0c0c0;
    --bs-table-active-color: #0a0a0a;
    --bs-table-hover-bg: #e6c5c5;
    --bs-table-hover-color: #0a0a0a;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
  }
  .table-light {
    --bs-table-color: #0a0a0a;
    --bs-table-bg: #fafafa;
    --bs-table-border-color: #cacaca;
    --bs-table-striped-bg: #eeeeee;
    --bs-table-striped-color: #0a0a0a;
    --bs-table-active-bg: #e2e2e2;
    --bs-table-active-color: #0a0a0a;
    --bs-table-hover-bg: #e8e8e8;
    --bs-table-hover-color: #0a0a0a;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
  }
  .table-dark {
    --bs-table-color: #fff;
    --bs-table-bg: #18181b;
    --bs-table-border-color: #464649;
    --bs-table-striped-bg: #242426;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #2f2f32;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #29292c;
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
  }
  .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  @media (max-width: 575.98px) {
    .table-responsive-sm {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
  }
  @media (max-width: 767.98px) {
    .table-responsive-md {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
  }
  @media (max-width: 991.98px) {
    .table-responsive-lg {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
  }
  @media (max-width: 1199.98px) {
    .table-responsive-xl {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
  }
  @media (max-width: 1399.98px) {
    .table-responsive-xxl {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
  }
  .form-label {
    margin-bottom: 0.5rem;
  }
  .col-form-label {
    padding-top: calc(0.25rem + var(--bs-border-width));
    padding-bottom: calc(0.25rem + var(--bs-border-width));
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.42857;
  }
  .col-form-label-lg {
    padding-top: calc(0.5rem + var(--bs-border-width));
    padding-bottom: calc(0.5rem + var(--bs-border-width));
    font-size: 1.09375rem;
  }
  .col-form-label-sm {
    padding-top: calc(0.25rem + var(--bs-border-width));
    padding-bottom: calc(0.25rem + var(--bs-border-width));
    font-size: 0.76563rem;
  }
  @media (min-width: 1200px) {
    .col-form-label-sm {
      font-size: 0.76562rem;
    }
  }
  .form-text {
    margin-top: 0.5rem;
    font-size: 0.875em;
    color: var(--bs-secondary-color);
  }
  .form-control {
    display: block;
    width: 100%;
    padding: 0.25rem 0.625rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.42857;
    color: var(--bs-body-color);
    appearance: none;
    background-color: transparent;
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--moo-border);
    border-radius: 0.625rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .form-control {
      transition: none;
    }
  }
  .form-control[type="file"] {
    overflow: hidden;
  }
  .form-control[type="file"]:not(:disabled):not([readonly]) {
    cursor: pointer;
  }
  .form-control:focus {
    color: var(--bs-body-color);
    background-color: transparent;
    border-color: #8b8b8b;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(23, 23, 23, 0.25);
  }
  .form-control::-webkit-date-and-time-value {
    min-width: 85px;
    height: 1.42857em;
    margin: 0;
  }
  .form-control::-webkit-datetime-edit {
    display: block;
    padding: 0;
  }
  .form-control::placeholder {
    color: var(--bs-tertiary-color);
    opacity: 1;
  }
  .form-control:disabled {
    color: var(--moo-disabled-foreground);
    background-color: color-mix(in srgb, var(--moo-border) 40%, transparent);
    opacity: 1;
  }
  .form-control::file-selector-button {
    padding: 0.25rem 0.625rem;
    margin: -0.25rem -0.625rem;
    margin-inline-end: 0.625rem;
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: var(--bs-border-width);
    border-radius: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .form-control::file-selector-button {
      transition: none;
    }
  }
  .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: var(--moo-border);
  }
  .form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.25rem 0;
    margin-bottom: 0;
    line-height: 1.42857;
    color: var(--bs-body-color);
    background-color: transparent;
    border: solid transparent;
    border-width: var(--bs-border-width) 0;
  }
  .form-control-plaintext:focus {
    outline: 0;
  }
  .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0;
  }
  .form-control-sm {
    min-height: calc(1.42857em + 0.5rem + calc(var(--bs-border-width) * 2));
    padding: 0.25rem 0.5rem;
    font-size: 0.76563rem;
    border-radius: var(--bs-border-radius-sm);
  }
  @media (min-width: 1200px) {
    .form-control-sm {
      font-size: 0.76562rem;
    }
  }
  .form-control-sm::file-selector-button {
    padding: 0.25rem 0.5rem;
    margin: -0.25rem -0.5rem;
    margin-inline-end: 0.5rem;
  }
  .form-control-lg {
    min-height: calc(1.42857em + 1rem + calc(var(--bs-border-width) * 2));
    padding: 0.5rem 1rem;
    font-size: 1.09375rem;
    border-radius: var(--bs-border-radius-lg);
  }
  .form-control-lg::file-selector-button {
    padding: 0.5rem 1rem;
    margin: -0.5rem -1rem;
    margin-inline-end: 1rem;
  }
  textarea.form-control {
    min-height: 2rem;
  }
  textarea.form-control-sm {
    min-height: calc(1.42857em + 0.5rem + calc(var(--bs-border-width) * 2));
  }
  textarea.form-control-lg {
    min-height: calc(1.42857em + 1rem + calc(var(--bs-border-width) * 2));
  }
  .form-control-color {
    width: 3rem;
    height: 2rem;
    padding: 0.25rem;
  }
  .form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer;
  }
  .form-control-color::-moz-color-swatch {
    border: 0 !important;
    border-radius: 0.625rem;
  }
  .form-control-color::-webkit-color-swatch {
    border: 0 !important;
    border-radius: 0.625rem;
  }
  .form-control-color.form-control-sm {
    height: calc(1.42857em + 0.5rem + calc(var(--bs-border-width) * 2));
  }
  .form-control-color.form-control-lg {
    height: calc(1.42857em + 1rem + calc(var(--bs-border-width) * 2));
  }
  .form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    padding: 0.25rem 1.875rem 0.25rem 0.625rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.42857;
    color: var(--bs-body-color);
    appearance: none;
    background-color: transparent;
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right 0.625rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--moo-border);
    border-radius: 0.625rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .form-select {
      transition: none;
    }
  }
  .form-select:focus {
    border-color: #8b8b8b;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(23, 23, 23, 0.25);
  }
  .form-select[multiple], .form-select[size]:not([size="1"]) {
    padding-right: 0.625rem;
    background-image: none;
  }
  .form-select:disabled {
    color: var(--moo-disabled-foreground);
    background-color: color-mix(in srgb, var(--moo-border) 40%, transparent);
  }
  .form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 var(--bs-body-color);
  }
  .form-select-sm {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    font-size: 0.76563rem;
    border-radius: var(--bs-border-radius-sm);
  }
  @media (min-width: 1200px) {
    .form-select-sm {
      font-size: 0.76562rem;
    }
  }
  .form-select-lg {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: 1.09375rem;
    border-radius: var(--bs-border-radius-lg);
  }
  .form-check {
    display: block;
    min-height: 1.3125rem;
    padding-left: 1.5em;
    margin-bottom: 0.125rem;
  }
  .form-check .form-check-input {
    float: left;
    margin-left: -1.5em;
  }
  .form-check-reverse {
    padding-right: 1.5em;
    padding-left: 0;
    text-align: right;
  }
  .form-check-reverse .form-check-input {
    float: right;
    margin-right: -1.5em;
    margin-left: 0;
  }
  .form-check-input {
    --bs-form-check-bg: transparent;
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.25em;
    vertical-align: top;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    print-color-adjust: exact;
  }
  .form-check-input[type="checkbox"] {
    border-radius: 0.25em;
  }
  .form-check-input[type="radio"] {
    border-radius: 50%;
  }
  .form-check-input:active {
    filter: brightness(90%);
  }
  .form-check-input:focus {
    border-color: var(--moo-border);
    outline: 0;
    box-shadow: 0 0 0 var(--bs-focus-ring-width) color-mix(in srgb, var(--moo-ring) 50%, transparent);
  }
  .form-check-input:checked {
    background-color: #171717;
    border-color: #171717;
  }
  .form-check-input:checked[type="checkbox"] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  }
  .form-check-input:checked[type="radio"] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
  }
  .form-check-input[type="checkbox"]:indeterminate {
    background-color: #171717;
    border-color: #171717;
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  }
  .form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: 0.5;
  }
  .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
    cursor: default;
    opacity: 0.5;
  }
  .form-switch {
    padding-left: 2.5rem;
  }
  .form-switch .form-check-input {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%2810, 10, 10, 0.25%29'/%3e%3c/svg%3e");
    width: 2rem;
    margin-left: -2.5rem;
    background-image: var(--bs-form-switch-bg);
    background-position: left center;
    border-radius: 2rem;
    transition: background-position 0.15s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .form-switch .form-check-input {
      transition: none;
    }
  }
  .form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%238b8b8b'/%3e%3c/svg%3e");
  }
  .form-switch .form-check-input:checked {
    background-position: right center;
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  }
  .form-switch.form-check-reverse {
    padding-right: 2.5rem;
    padding-left: 0;
  }
  .form-switch.form-check-reverse .form-check-input {
    margin-right: -2.5rem;
    margin-left: 0;
  }
  .form-check-inline {
    display: inline-block;
    margin-right: 1rem;
  }
  .btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
  }
  .btn-check[disabled] + .btn, .btn-check:disabled + .btn {
    pointer-events: none;
    filter: none;
    opacity: 0.65;
  }
  .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
  }
  .input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
  }
  .input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
    z-index: 5;
  }
  .input-group .btn {
    position: relative;
    z-index: 2;
  }
  .input-group .btn:focus {
    z-index: 5;
  }
  .input-group-text {
    display: flex;
    align-items: center;
    padding: 0.25rem 0.625rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.42857;
    color: var(--bs-body-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-tertiary-bg);
    border: var(--bs-border-width) solid var(--moo-border);
    border-radius: 0.625rem;
  }
  .input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.09375rem;
    border-radius: var(--bs-border-radius-lg);
  }
  .input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.76563rem;
    border-radius: var(--bs-border-radius-sm);
  }
  @media (min-width: 1200px) {
    .input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
      font-size: 0.76562rem;
    }
  }
  .input-group-lg > .form-select,
.input-group-sm > .form-select {
    padding-right: 2.5rem;
  }
  .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4),
.input-group.has-validation > .form-floating:nth-last-child(n + 3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n + 3) > .form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: calc(var(--bs-border-width) * -1);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.5rem;
    font-size: 0.875em;
    color: var(--bs-form-valid-color);
  }
  .valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: .1rem;
    font-size: 0.76563rem;
    color: #fff;
    background-color: var(--bs-success);
    border-radius: var(--bs-border-radius);
  }
  @media (min-width: 1200px) {
    .valid-tooltip {
      font-size: 0.76562rem;
    }
  }
  .was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
    display: block;
  }
  .was-validated .form-control:valid, .form-control.is-valid {
    border-color: var(--bs-form-valid-border-color);
    padding-right: calc(1.42857em + 0.5rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2316803c' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.35714em + 0.125rem) center;
    background-size: calc(0.71429em + 0.25rem) calc(0.71429em + 0.25rem);
  }
  .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
    border-color: var(--bs-form-valid-border-color);
    box-shadow: 0 0 0 2px rgba(var(--bs-success-rgb), 0.25);
  }
  .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-right: calc(1.42857em + 0.5rem);
    background-position: top calc(0.35714em + 0.125rem) right calc(0.35714em + 0.125rem);
  }
  .was-validated .form-select:valid, .form-select.is-valid {
    border-color: var(--bs-form-valid-border-color);
  }
  .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2316803c' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    padding-right: 3.4375rem;
    background-position: right 0.625rem center, center right 1.875rem;
    background-size: 16px 12px, calc(0.71429em + 0.25rem) calc(0.71429em + 0.25rem);
  }
  .was-validated .form-select:valid:focus, .form-select.is-valid:focus {
    border-color: var(--bs-form-valid-border-color);
    box-shadow: 0 0 0 2px rgba(var(--bs-success-rgb), 0.25);
  }
  .was-validated .form-control-color:valid, .form-control-color.is-valid {
    width: calc(3rem + calc(1.42857em + 0.5rem));
  }
  .was-validated .form-check-input:valid, .form-check-input.is-valid {
    border-color: var(--bs-form-valid-border-color);
  }
  .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
    background-color: var(--bs-form-valid-color);
  }
  .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
    box-shadow: 0 0 0 2px rgba(var(--bs-success-rgb), 0.25);
  }
  .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
    color: var(--bs-form-valid-color);
  }
  .form-check-inline .form-check-input ~ .valid-feedback {
    margin-left: .5em;
  }
  .was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, .was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
    z-index: 3;
  }
  .invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.5rem;
    font-size: 0.875em;
    color: var(--bs-form-invalid-color);
  }
  .invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: .1rem;
    font-size: 0.76563rem;
    color: #fff;
    background-color: var(--bs-danger);
    border-radius: var(--bs-border-radius);
  }
  @media (min-width: 1200px) {
    .invalid-tooltip {
      font-size: 0.76562rem;
    }
  }
  .was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
    display: block;
  }
  .was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: var(--bs-form-invalid-border-color);
    padding-right: calc(1.42857em + 0.5rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc2626'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc2626' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.35714em + 0.125rem) center;
    background-size: calc(0.71429em + 0.25rem) calc(0.71429em + 0.25rem);
  }
  .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
    border-color: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 2px rgba(var(--bs-danger-rgb), 0.25);
  }
  .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-right: calc(1.42857em + 0.5rem);
    background-position: top calc(0.35714em + 0.125rem) right calc(0.35714em + 0.125rem);
  }
  .was-validated .form-select:invalid, .form-select.is-invalid {
    border-color: var(--bs-form-invalid-border-color);
  }
  .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc2626'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc2626' stroke='none'/%3e%3c/svg%3e");
    padding-right: 3.4375rem;
    background-position: right 0.625rem center, center right 1.875rem;
    background-size: 16px 12px, calc(0.71429em + 0.25rem) calc(0.71429em + 0.25rem);
  }
  .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
    border-color: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 2px rgba(var(--bs-danger-rgb), 0.25);
  }
  .was-validated .form-control-color:invalid, .form-control-color.is-invalid {
    width: calc(3rem + calc(1.42857em + 0.5rem));
  }
  .was-validated .form-check-input:invalid, .form-check-input.is-invalid {
    border-color: var(--bs-form-invalid-border-color);
  }
  .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
    background-color: var(--bs-form-invalid-color);
  }
  .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
    box-shadow: 0 0 0 2px rgba(var(--bs-danger-rgb), 0.25);
  }
  .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
    color: var(--bs-form-invalid-color);
  }
  .form-check-inline .form-check-input ~ .invalid-feedback {
    margin-left: .5em;
  }
  .was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, .was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
    z-index: 4;
  }
  .btn {
    --bs-btn-padding-x: 0.625rem;
    --bs-btn-padding-y: 0.3125rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-font-weight: 500;
    --bs-btn-line-height: 1.25rem;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: none;
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.2rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .btn {
      transition: none;
    }
  }
  .btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
  }
  .btn-check + .btn:hover {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color);
  }
  .btn:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow);
  }
  .btn-check:focus-visible + .btn {
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow);
  }
  .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
  }
  .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
    box-shadow: var(--bs-btn-focus-box-shadow);
  }
  .btn-check:checked:focus-visible + .btn {
    box-shadow: var(--bs-btn-focus-box-shadow);
  }
  .btn:disabled, .btn.disabled, fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity);
  }
  .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #171717;
    --bs-btn-border-color: #171717;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #141414;
    --bs-btn-hover-border-color: #121212;
    --bs-btn-focus-shadow-rgb: 58, 58, 58;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #121212;
    --bs-btn-active-border-color: #111111;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #171717;
    --bs-btn-disabled-border-color: #171717;
  }
  .btn-secondary {
    --bs-btn-color: #0a0a0a;
    --bs-btn-bg: #f4f4f5;
    --bs-btn-border-color: #f4f4f5;
    --bs-btn-hover-color: #0a0a0a;
    --bs-btn-hover-bg: #f6f6f7;
    --bs-btn-hover-border-color: #f5f5f6;
    --bs-btn-focus-shadow-rgb: 209, 209, 210;
    --bs-btn-active-color: #0a0a0a;
    --bs-btn-active-bg: #f6f6f7;
    --bs-btn-active-border-color: #f5f5f6;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #0a0a0a;
    --bs-btn-disabled-bg: #f4f4f5;
    --bs-btn-disabled-border-color: #f4f4f5;
  }
  .btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #16803c;
    --bs-btn-border-color: #16803c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #136d33;
    --bs-btn-hover-border-color: #126630;
    --bs-btn-focus-shadow-rgb: 57, 147, 89;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #126630;
    --bs-btn-active-border-color: #11602d;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #16803c;
    --bs-btn-disabled-border-color: #16803c;
  }
  .btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0f6e8c;
    --bs-btn-border-color: #0f6e8c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0d5e77;
    --bs-btn-hover-border-color: #0c5870;
    --bs-btn-focus-shadow-rgb: 51, 132, 157;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0c5870;
    --bs-btn-active-border-color: #0b5369;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0f6e8c;
    --bs-btn-disabled-border-color: #0f6e8c;
  }
  .btn-warning {
    --bs-btn-color: #fff;
    --bs-btn-bg: #a15c00;
    --bs-btn-border-color: #a15c00;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #894e00;
    --bs-btn-hover-border-color: #814a00;
    --bs-btn-focus-shadow-rgb: 175, 116, 38;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #814a00;
    --bs-btn-active-border-color: #794500;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #a15c00;
    --bs-btn-disabled-border-color: #a15c00;
  }
  .btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc2626;
    --bs-btn-border-color: #dc2626;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2020;
    --bs-btn-hover-border-color: #b01e1e;
    --bs-btn-focus-shadow-rgb: 225, 71, 71;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b01e1e;
    --bs-btn-active-border-color: #a51d1d;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc2626;
    --bs-btn-disabled-border-color: #dc2626;
  }
  .btn-light {
    --bs-btn-color: #0a0a0a;
    --bs-btn-bg: #fafafa;
    --bs-btn-border-color: #fafafa;
    --bs-btn-hover-color: #0a0a0a;
    --bs-btn-hover-bg: #d5d5d5;
    --bs-btn-hover-border-color: #c8c8c8;
    --bs-btn-focus-shadow-rgb: 214, 214, 214;
    --bs-btn-active-color: #0a0a0a;
    --bs-btn-active-bg: #c8c8c8;
    --bs-btn-active-border-color: #bcbcbc;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #0a0a0a;
    --bs-btn-disabled-bg: #fafafa;
    --bs-btn-disabled-border-color: #fafafa;
  }
  .btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #18181b;
    --bs-btn-border-color: #18181b;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3b3b3d;
    --bs-btn-hover-border-color: #2f2f32;
    --bs-btn-focus-shadow-rgb: 59, 59, 61;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #464649;
    --bs-btn-active-border-color: #2f2f32;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #18181b;
    --bs-btn-disabled-border-color: #18181b;
  }
  .btn-outline-primary {
    --bs-btn-color: #171717;
    --bs-btn-border-color: #171717;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #171717;
    --bs-btn-hover-border-color: #171717;
    --bs-btn-focus-shadow-rgb: 23, 23, 23;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #171717;
    --bs-btn-active-border-color: #171717;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #171717;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #171717;
    --bs-gradient: none;
  }
  .btn-outline-secondary {
    --bs-btn-color: #f4f4f5;
    --bs-btn-border-color: #f4f4f5;
    --bs-btn-hover-color: #0a0a0a;
    --bs-btn-hover-bg: #f4f4f5;
    --bs-btn-hover-border-color: #f4f4f5;
    --bs-btn-focus-shadow-rgb: 244, 244, 245;
    --bs-btn-active-color: #0a0a0a;
    --bs-btn-active-bg: #f4f4f5;
    --bs-btn-active-border-color: #f4f4f5;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #f4f4f5;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f4f4f5;
    --bs-gradient: none;
  }
  .btn-outline-success {
    --bs-btn-color: #16803c;
    --bs-btn-border-color: #16803c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #16803c;
    --bs-btn-hover-border-color: #16803c;
    --bs-btn-focus-shadow-rgb: 22, 128, 60;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #16803c;
    --bs-btn-active-border-color: #16803c;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #16803c;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #16803c;
    --bs-gradient: none;
  }
  .btn-outline-info {
    --bs-btn-color: #0f6e8c;
    --bs-btn-border-color: #0f6e8c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0f6e8c;
    --bs-btn-hover-border-color: #0f6e8c;
    --bs-btn-focus-shadow-rgb: 15, 110, 140;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0f6e8c;
    --bs-btn-active-border-color: #0f6e8c;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #0f6e8c;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0f6e8c;
    --bs-gradient: none;
  }
  .btn-outline-warning {
    --bs-btn-color: #a15c00;
    --bs-btn-border-color: #a15c00;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #a15c00;
    --bs-btn-hover-border-color: #a15c00;
    --bs-btn-focus-shadow-rgb: 161, 92, 0;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #a15c00;
    --bs-btn-active-border-color: #a15c00;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #a15c00;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #a15c00;
    --bs-gradient: none;
  }
  .btn-outline-danger {
    --bs-btn-color: #dc2626;
    --bs-btn-border-color: #dc2626;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dc2626;
    --bs-btn-hover-border-color: #dc2626;
    --bs-btn-focus-shadow-rgb: 220, 38, 38;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dc2626;
    --bs-btn-active-border-color: #dc2626;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #dc2626;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #dc2626;
    --bs-gradient: none;
  }
  .btn-outline-light {
    --bs-btn-color: #fafafa;
    --bs-btn-border-color: #fafafa;
    --bs-btn-hover-color: #0a0a0a;
    --bs-btn-hover-bg: #fafafa;
    --bs-btn-hover-border-color: #fafafa;
    --bs-btn-focus-shadow-rgb: 250, 250, 250;
    --bs-btn-active-color: #0a0a0a;
    --bs-btn-active-bg: #fafafa;
    --bs-btn-active-border-color: #fafafa;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #fafafa;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #fafafa;
    --bs-gradient: none;
  }
  .btn-outline-dark {
    --bs-btn-color: #18181b;
    --bs-btn-border-color: #18181b;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #18181b;
    --bs-btn-hover-border-color: #18181b;
    --bs-btn-focus-shadow-rgb: 24, 24, 27;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #18181b;
    --bs-btn-active-border-color: #18181b;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #18181b;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #18181b;
    --bs-gradient: none;
  }
  .btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 58, 58, 58;
    text-decoration: underline;
  }
  .btn-link:focus-visible {
    color: var(--bs-btn-color);
  }
  .btn-link:hover {
    color: var(--bs-btn-hover-color);
  }
  .btn-lg, .btn-group-lg > .btn {
    --bs-btn-padding-y: 0.4375rem;
    --bs-btn-padding-x: 0.625rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: var(--bs-border-radius-lg);
  }
  .btn-sm, .btn-group-sm > .btn {
    --bs-btn-padding-y: 0.3125rem;
    --bs-btn-padding-x: 0.625rem;
    --bs-btn-font-size: 0.8rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
  }
  .dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
    position: relative;
  }
  .dropdown-toggle {
    white-space: nowrap;
  }
  .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
  }
  .dropdown-toggle:empty::after {
    margin-left: 0;
  }
  .dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 8rem;
    --bs-dropdown-padding-x: 0.25rem;
    --bs-dropdown-padding-y: 0.25rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 0.875rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: var(--bs-box-shadow);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #171717;
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 0.375rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 0.375rem;
    --bs-dropdown-header-padding-y: 0.25rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
  }
  .dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: var(--bs-dropdown-spacer);
  }
  .dropdown-menu-start {
    --bs-position: start;
  }
  .dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-end {
    --bs-position: end;
  }
  .dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
  @media (min-width: 576px) {
    .dropdown-menu-sm-start {
      --bs-position: start;
    }
    .dropdown-menu-sm-start[data-bs-popper] {
      right: auto;
      left: 0;
    }
    .dropdown-menu-sm-end {
      --bs-position: end;
    }
    .dropdown-menu-sm-end[data-bs-popper] {
      right: 0;
      left: auto;
    }
  }
  @media (min-width: 768px) {
    .dropdown-menu-md-start {
      --bs-position: start;
    }
    .dropdown-menu-md-start[data-bs-popper] {
      right: auto;
      left: 0;
    }
    .dropdown-menu-md-end {
      --bs-position: end;
    }
    .dropdown-menu-md-end[data-bs-popper] {
      right: 0;
      left: auto;
    }
  }
  @media (min-width: 992px) {
    .dropdown-menu-lg-start {
      --bs-position: start;
    }
    .dropdown-menu-lg-start[data-bs-popper] {
      right: auto;
      left: 0;
    }
    .dropdown-menu-lg-end {
      --bs-position: end;
    }
    .dropdown-menu-lg-end[data-bs-popper] {
      right: 0;
      left: auto;
    }
  }
  @media (min-width: 1200px) {
    .dropdown-menu-xl-start {
      --bs-position: start;
    }
    .dropdown-menu-xl-start[data-bs-popper] {
      right: auto;
      left: 0;
    }
    .dropdown-menu-xl-end {
      --bs-position: end;
    }
    .dropdown-menu-xl-end[data-bs-popper] {
      right: 0;
      left: auto;
    }
  }
  @media (min-width: 1400px) {
    .dropdown-menu-xxl-start {
      --bs-position: start;
    }
    .dropdown-menu-xxl-start[data-bs-popper] {
      right: auto;
      left: 0;
    }
    .dropdown-menu-xxl-end {
      --bs-position: end;
    }
    .dropdown-menu-xxl-end[data-bs-popper] {
      right: 0;
      left: auto;
    }
  }
  .dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--bs-dropdown-spacer);
  }
  .dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
  }
  .dropup .dropdown-toggle:empty::after {
    margin-left: 0;
  }
  .dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: var(--bs-dropdown-spacer);
  }
  .dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
  }
  .dropend .dropdown-toggle:empty::after {
    margin-left: 0;
  }
  .dropend .dropdown-toggle::after {
    vertical-align: 0;
  }
  .dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: var(--bs-dropdown-spacer);
  }
  .dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
  }
  .dropstart .dropdown-toggle::after {
    display: none;
  }
  .dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
  }
  .dropstart .dropdown-toggle:empty::after {
    margin-left: 0;
  }
  .dropstart .dropdown-toggle::before {
    vertical-align: 0;
  }
  .dropdown-divider {
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    opacity: 1;
  }
  .dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius, 0);
  }
  .dropdown-item:hover, .dropdown-item:focus {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg);
  }
  .dropdown-item.active, .dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-active-bg);
  }
  .dropdown-item.disabled, .dropdown-item:disabled {
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: transparent;
  }
  .dropdown-menu.show {
    display: block;
  }
  .dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: 0.76563rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap;
  }
  @media (min-width: 1200px) {
    .dropdown-header {
      font-size: 0.76562rem;
    }
  }
  .dropdown-item-text {
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color: var(--bs-dropdown-link-color);
  }
  .dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-box-shadow: ;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #171717;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd;
  }
  .btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
  }
  .btn-group > .btn,
.btn-group-vertical > .btn {
    position: relative;
    flex: 1 1 auto;
  }
  .btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
    z-index: 1;
  }
  .btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .btn-toolbar .input-group {
    width: auto;
  }
  .btn-group {
    border-radius: var(--bs-border-radius);
  }
  .btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
    margin-left: calc(var(--bs-border-width) * -1);
  }
  .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .btn-group > .btn:nth-child(n + 3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .dropdown-toggle-split {
    padding-right: 0.46875rem;
    padding-left: 0.46875rem;
  }
  .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
    margin-left: 0;
  }
  .dropstart .dropdown-toggle-split::before {
    margin-right: 0;
  }
  .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
    padding-right: 0.46875rem;
    padding-left: 0.46875rem;
  }
  .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
    padding-right: 0.46875rem;
    padding-left: 0.46875rem;
  }
  .btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
    width: 100%;
  }
  .btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
    margin-top: calc(var(--bs-border-width) * -1);
  }
  .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .nav {
    --bs-nav-link-padding-x: 0.75rem;
    --bs-nav-link-padding-y: 0.375rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
  }
  .nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    background: none;
    border: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .nav-link {
      transition: none;
    }
  }
  .nav-link:hover, .nav-link:focus {
    color: var(--bs-nav-link-hover-color);
  }
  .nav-link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 2px rgba(23, 23, 23, 0.25);
  }
  .nav-link.disabled, .nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default;
  }
  .nav-tabs {
    --bs-nav-tabs-border-width: var(--bs-border-width);
    --bs-nav-tabs-border-color: var(--bs-border-color);
    --bs-nav-tabs-border-radius: var(--bs-border-radius);
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
    --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
  }
  .nav-tabs .nav-link {
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius);
  }
  .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    isolation: isolate;
    border-color: var(--bs-nav-tabs-link-hover-border-color);
  }
  .nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color);
  }
  .nav-tabs .dropdown-menu {
    margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #171717;
  }
  .nav-pills .nav-link {
    border-radius: var(--bs-nav-pills-border-radius);
  }
  .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-nav-pills-link-active-bg);
  }
  .nav-underline {
    --bs-nav-underline-gap: 1rem;
    --bs-nav-underline-border-width: 0.125rem;
    --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
    gap: var(--bs-nav-underline-gap);
  }
  .nav-underline .nav-link {
    padding-right: 0;
    padding-left: 0;
    border-bottom: var(--bs-nav-underline-border-width) solid transparent;
  }
  .nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
    border-bottom-color: currentcolor;
  }
  .nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
    font-weight: 700;
    color: var(--bs-nav-underline-link-active-color);
    border-bottom-color: currentcolor;
  }
  .nav-fill > .nav-link,
.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
  }
  .nav-justified > .nav-link,
.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
  }
  .nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
    width: 100%;
  }
  .tab-content > .tab-pane {
    display: none;
  }
  .tab-content > .active {
    display: block;
  }
  .card {
    --bs-card-spacer-y: 0;
    --bs-card-spacer-x: 1.5rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: ;
    --bs-card-subtitle-color: ;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-card-cap-padding-y: 0;
    --bs-card-cap-padding-x: 1.5rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
  }
  .card > hr {
    margin-right: 0;
    margin-left: 0;
  }
  .card > .list-group {
    border-top: inherit;
    border-bottom: inherit;
  }
  .card > .list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius);
  }
  .card > .list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius);
  }
  .card > .card-header + .list-group,
.card > .list-group + .card-footer {
    border-top: 0;
  }
  .card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color);
  }
  .card-title {
    margin-bottom: var(--bs-card-title-spacer-y);
    color: var(--bs-card-title-color);
  }
  .card-subtitle {
    margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
    margin-bottom: 0;
    color: var(--bs-card-subtitle-color);
  }
  .card-text:last-child {
    margin-bottom: 0;
  }
  .card-link + .card-link {
    margin-left: var(--bs-card-spacer-x);
  }
  .card-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
  }
  .card-header:first-child {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
  }
  .card-footer {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
  }
  .card-footer:last-child {
    border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
  }
  .card-header-tabs {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
    border-bottom: 0;
  }
  .card-header-tabs .nav-link.active {
    background-color: var(--bs-card-bg);
    border-bottom-color: var(--bs-card-bg);
  }
  .card-header-pills {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
  }
  .card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: var(--bs-card-img-overlay-padding);
    border-radius: var(--bs-card-inner-border-radius);
  }
  .card-img,
.card-img-top,
.card-img-bottom {
    width: 100%;
  }
  .card-img,
.card-img-top {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius);
  }
  .card-img,
.card-img-bottom {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius);
  }
  .card-group > .card {
    margin-bottom: var(--bs-card-group-margin);
  }
  @media (min-width: 576px) {
    .card-group {
      display: flex;
      flex-flow: row wrap;
    }
    .card-group > .card {
      flex: 1 0 0%;
      margin-bottom: 0;
    }
    .card-group > .card + .card {
      margin-left: 0;
      border-left: 0;
    }
    .card-group > .card:not(:last-child) {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
    .card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
      border-top-right-radius: 0;
    }
    .card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
      border-bottom-right-radius: 0;
    }
    .card-group > .card:not(:first-child) {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
    .card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
      border-top-left-radius: 0;
    }
    .card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
      border-bottom-left-radius: 0;
    }
  }
  .accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2318181b' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23090909' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--bs-accordion-color);
    --bs-accordion-active-bg: var(--bs-accordion-bg);
  }
  .accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 0.875rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
  }
  @media (prefers-reduced-motion: reduce) {
    .accordion-button {
      transition: none;
    }
  }
  .accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
  }
  .accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform);
  }
  .accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
  }
  @media (prefers-reduced-motion: reduce) {
    .accordion-button::after {
      transition: none;
    }
  }
  .accordion-button:hover {
    z-index: 2;
  }
  .accordion-button:focus {
    z-index: 3;
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow);
  }
  .accordion-header {
    margin-bottom: 0;
  }
  .accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
  }
  .accordion-item:first-of-type {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius);
  }
  .accordion-item:first-of-type > .accordion-header .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius);
  }
  .accordion-item:not(:first-of-type) {
    border-top: 0;
  }
  .accordion-item:last-of-type {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius);
  }
  .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
    border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
  }
  .accordion-item:last-of-type > .accordion-collapse {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius);
  }
  .accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
  }
  .accordion-flush > .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }
  .accordion-flush > .accordion-item:first-child {
    border-top: 0;
  }
  .accordion-flush > .accordion-item:last-child {
    border-bottom: 0;
  }
  .accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
    border-radius: 0;
  }
  .accordion-flush > .accordion-item > .accordion-collapse {
    border-radius: 0;
  }
  .breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-bg: ;
    --bs-breadcrumb-border-radius: ;
    --bs-breadcrumb-divider-color: var(--bs-secondary-color);
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius);
  }
  .breadcrumb-item + .breadcrumb-item {
    padding-left: var(--bs-breadcrumb-item-padding-x);
  }
  .breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    content: var(--bs-breadcrumb-divider, ">") /* rtl: var(--bs-breadcrumb-divider, "<") */;
  }
  .breadcrumb-item.active {
    color: var(--bs-breadcrumb-item-active-color);
  }
  .pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 0.875rem;
    --bs-pagination-color: var(--moo-muted-foreground);
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: transparent;
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--bs-body-color);
    --bs-pagination-hover-bg: var(--moo-muted-surface);
    --bs-pagination-hover-border-color: transparent;
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--moo-muted-surface);
    --bs-pagination-focus-box-shadow: 0 0 0 2px rgba(23, 23, 23, 0.25);
    --bs-pagination-active-color: var(--bs-body-color);
    --bs-pagination-active-bg: var(--moo-muted-surface);
    --bs-pagination-active-border-color: var(--moo-border);
    --bs-pagination-disabled-color: var(--moo-disabled-foreground);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: transparent;
    display: flex;
    padding-left: 0;
    list-style: none;
  }
  .page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .page-link {
      transition: none;
    }
  }
  .page-link:hover {
    z-index: 2;
    color: var(--bs-pagination-hover-color);
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color);
  }
  .page-link:focus {
    z-index: 3;
    color: var(--bs-pagination-focus-color);
    background-color: var(--bs-pagination-focus-bg);
    outline: 0;
    box-shadow: var(--bs-pagination-focus-box-shadow);
  }
  .page-link.active, .active > .page-link {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color);
  }
  .page-link.disabled, .disabled > .page-link {
    color: var(--bs-pagination-disabled-color);
    pointer-events: none;
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color);
  }
  .page-item:not(:first-child) .page-link {
    margin-left: 0.25rem;
  }
  .page-item .page-link {
    border-radius: var(--bs-pagination-border-radius);
  }
  .pagination-lg {
    --bs-pagination-padding-x: 1.5rem;
    --bs-pagination-padding-y: 0.75rem;
    --bs-pagination-font-size: 1.09375rem;
    --bs-pagination-border-radius: var(--bs-border-radius-lg);
  }
  .pagination-sm {
    --bs-pagination-padding-x: 0.5rem;
    --bs-pagination-padding-y: 0.25rem;
    --bs-pagination-font-size: 0.76563rem;
    --bs-pagination-border-radius: var(--bs-border-radius-sm);
  }
  @media (min-width: 1200px) {
    .pagination-sm {
      --bs-pagination-font-size: 0.76562rem;
    }
  }
  .badge {
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 500;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: var(--bs-border-radius);
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius);
  }
  .badge:empty {
    display: none;
  }
  .btn .badge {
    position: relative;
    top: -1px;
  }
  .alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
    --bs-alert-border-radius: var(--bs-border-radius);
    --bs-alert-link-color: inherit;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius);
  }
  .alert-heading {
    color: inherit;
  }
  .alert-link {
    font-weight: 700;
    color: var(--bs-alert-link-color);
  }
  .alert-dismissible {
    padding-right: 3rem;
  }
  .alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem;
  }
  .alert-primary {
    --bs-alert-color: var(--bs-primary-text-emphasis);
    --bs-alert-bg: var(--bs-primary-bg-subtle);
    --bs-alert-border-color: var(--bs-primary-border-subtle);
    --bs-alert-link-color: var(--bs-primary-text-emphasis);
  }
  .alert-secondary {
    --bs-alert-color: var(--bs-secondary-text-emphasis);
    --bs-alert-bg: var(--bs-secondary-bg-subtle);
    --bs-alert-border-color: var(--bs-secondary-border-subtle);
    --bs-alert-link-color: var(--bs-secondary-text-emphasis);
  }
  .alert-success {
    --bs-alert-color: var(--bs-success-text-emphasis);
    --bs-alert-bg: var(--bs-success-bg-subtle);
    --bs-alert-border-color: var(--bs-success-border-subtle);
    --bs-alert-link-color: var(--bs-success-text-emphasis);
  }
  .alert-info {
    --bs-alert-color: var(--bs-info-text-emphasis);
    --bs-alert-bg: var(--bs-info-bg-subtle);
    --bs-alert-border-color: var(--bs-info-border-subtle);
    --bs-alert-link-color: var(--bs-info-text-emphasis);
  }
  .alert-warning {
    --bs-alert-color: var(--bs-warning-text-emphasis);
    --bs-alert-bg: var(--bs-warning-bg-subtle);
    --bs-alert-border-color: var(--bs-warning-border-subtle);
    --bs-alert-link-color: var(--bs-warning-text-emphasis);
  }
  .alert-danger {
    --bs-alert-color: var(--bs-danger-text-emphasis);
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    --bs-alert-link-color: var(--bs-danger-text-emphasis);
  }
  .alert-light {
    --bs-alert-color: var(--bs-light-text-emphasis);
    --bs-alert-bg: var(--bs-light-bg-subtle);
    --bs-alert-border-color: var(--bs-light-border-subtle);
    --bs-alert-link-color: var(--bs-light-text-emphasis);
  }
  .alert-dark {
    --bs-alert-color: var(--bs-dark-text-emphasis);
    --bs-alert-bg: var(--bs-dark-bg-subtle);
    --bs-alert-border-color: var(--bs-dark-border-subtle);
    --bs-alert-link-color: var(--bs-dark-text-emphasis);
  }
  .btn-close {
    --bs-btn-close-color: #0a0a0a;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230a0a0a'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    --bs-btn-close-opacity: 0.5;
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 2px rgba(23, 23, 23, 0.25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: var(--bs-btn-close-color);
    background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
    border: 0;
    border-radius: 0.5rem;
    opacity: var(--bs-btn-close-opacity);
  }
  .btn-close:hover {
    color: var(--bs-btn-close-color);
    text-decoration: none;
    opacity: var(--bs-btn-close-hover-opacity);
  }
  .btn-close:focus {
    outline: 0;
    box-shadow: var(--bs-btn-close-focus-shadow);
    opacity: var(--bs-btn-close-focus-opacity);
  }
  .btn-close:disabled, .btn-close.disabled {
    pointer-events: none;
    user-select: none;
    opacity: var(--bs-btn-close-disabled-opacity);
  }
  .btn-close-white {
    filter: var(--bs-btn-close-white-filter);
  }
  .toast {
    --bs-toast-zindex: 1090;
    --bs-toast-padding-x: 0.75rem;
    --bs-toast-padding-y: 0.5rem;
    --bs-toast-spacing: 1.5rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: 0.875rem;
    --bs-toast-color: ;
    --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
    --bs-toast-border-width: var(--bs-border-width);
    --bs-toast-border-color: var(--bs-border-color-translucent);
    --bs-toast-border-radius: var(--bs-border-radius);
    --bs-toast-box-shadow: var(--bs-box-shadow);
    --bs-toast-header-color: var(--bs-secondary-color);
    --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
    --bs-toast-header-border-color: var(--bs-border-color-translucent);
    width: var(--bs-toast-max-width);
    max-width: 100%;
    font-size: var(--bs-toast-font-size);
    color: var(--bs-toast-color);
    pointer-events: auto;
    background-color: var(--bs-toast-bg);
    background-clip: padding-box;
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    box-shadow: var(--bs-toast-box-shadow);
    border-radius: var(--bs-toast-border-radius);
  }
  .toast.showing {
    opacity: 0;
  }
  .toast:not(.show) {
    display: none;
  }
  .toast-container {
    --bs-toast-zindex: 1090;
    position: absolute;
    z-index: var(--bs-toast-zindex);
    width: max-content;
    max-width: 100%;
    pointer-events: none;
  }
  .toast-container > :not(:last-child) {
    margin-bottom: var(--bs-toast-spacing);
  }
  .toast-header {
    display: flex;
    align-items: center;
    padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
    color: var(--bs-toast-header-color);
    background-color: var(--bs-toast-header-bg);
    background-clip: padding-box;
    border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
    border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  }
  .toast-header .btn-close {
    margin-right: calc(-.5 * var(--bs-toast-padding-x));
    margin-left: var(--bs-toast-padding-x);
  }
  .toast-body {
    padding: var(--bs-toast-padding-x);
    word-wrap: break-word;
  }
  .modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: ;
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: var(--bs-box-shadow-sm);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: var(--bs-border-width);
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: var(--bs-border-width);
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
  }
  .modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none;
  }
  .modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
  }
  @media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
      transition: none;
    }
  }
  .modal.show .modal-dialog {
    transform: none;
  }
  .modal.modal-static .modal-dialog {
    transform: scale(1.02);
  }
  .modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin) * 2);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden;
  }
  .modal-dialog-scrollable .modal-body {
    overflow-y: auto;
  }
  .modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2);
  }
  .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0;
  }
  .modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #0a0a0a;
    --bs-backdrop-opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg);
  }
  .modal-backdrop.fade {
    opacity: 0;
  }
  .modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity);
  }
  .modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius);
  }
  .modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
  }
  .modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height);
  }
  .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding);
  }
  .modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius);
  }
  .modal-footer > * {
    margin: calc(var(--bs-modal-footer-gap) * .5);
  }
  @media (min-width: 576px) {
    .modal {
      --bs-modal-margin: 1.75rem;
      --bs-modal-box-shadow: var(--bs-box-shadow);
    }
    .modal-dialog {
      max-width: var(--bs-modal-width);
      margin-right: auto;
      margin-left: auto;
    }
    .modal-sm {
      --bs-modal-width: 300px;
    }
  }
  @media (min-width: 992px) {
    .modal-lg,
.modal-xl {
      --bs-modal-width: 800px;
    }
  }
  @media (min-width: 1200px) {
    .modal-xl {
      --bs-modal-width: 1140px;
    }
  }
  .modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen .modal-body {
    overflow-y: auto;
  }
  @media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
      width: 100vw;
      max-width: none;
      height: 100%;
      margin: 0;
    }
    .modal-fullscreen-sm-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0;
    }
    .modal-fullscreen-sm-down .modal-header,
.modal-fullscreen-sm-down .modal-footer {
      border-radius: 0;
    }
    .modal-fullscreen-sm-down .modal-body {
      overflow-y: auto;
    }
  }
  @media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
      width: 100vw;
      max-width: none;
      height: 100%;
      margin: 0;
    }
    .modal-fullscreen-md-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0;
    }
    .modal-fullscreen-md-down .modal-header,
.modal-fullscreen-md-down .modal-footer {
      border-radius: 0;
    }
    .modal-fullscreen-md-down .modal-body {
      overflow-y: auto;
    }
  }
  @media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
      width: 100vw;
      max-width: none;
      height: 100%;
      margin: 0;
    }
    .modal-fullscreen-lg-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0;
    }
    .modal-fullscreen-lg-down .modal-header,
.modal-fullscreen-lg-down .modal-footer {
      border-radius: 0;
    }
    .modal-fullscreen-lg-down .modal-body {
      overflow-y: auto;
    }
  }
  @media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
      width: 100vw;
      max-width: none;
      height: 100%;
      margin: 0;
    }
    .modal-fullscreen-xl-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0;
    }
    .modal-fullscreen-xl-down .modal-header,
.modal-fullscreen-xl-down .modal-footer {
      border-radius: 0;
    }
    .modal-fullscreen-xl-down .modal-body {
      overflow-y: auto;
    }
  }
  @media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
      width: 100vw;
      max-width: none;
      height: 100%;
      margin: 0;
    }
    .modal-fullscreen-xxl-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0;
    }
    .modal-fullscreen-xxl-down .modal-header,
.modal-fullscreen-xxl-down .modal-footer {
      border-radius: 0;
    }
    .modal-fullscreen-xxl-down .modal-body {
      overflow-y: auto;
    }
  }
  .tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: 0.5rem;
    --bs-tooltip-padding-y: 0.25rem;
    --bs-tooltip-margin: ;
    --bs-tooltip-font-size: 0.76563rem;
    --bs-tooltip-color: var(--bs-body-bg);
    --bs-tooltip-bg: var(--bs-emphasis-color);
    --bs-tooltip-border-radius: var(--bs-border-radius);
    --bs-tooltip-opacity: 0.9;
    --bs-tooltip-arrow-width: 0.8rem;
    --bs-tooltip-arrow-height: 0.4rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    margin: var(--bs-tooltip-margin);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-tooltip-font-size);
    word-wrap: break-word;
    opacity: 0;
  }
  @media (min-width: 1200px) {
    .tooltip {
      --bs-tooltip-font-size: 0.76562rem;
    }
  }
  .tooltip.show {
    opacity: var(--bs-tooltip-opacity);
  }
  .tooltip .tooltip-arrow {
    display: block;
    width: var(--bs-tooltip-arrow-width);
    height: var(--bs-tooltip-arrow-height);
  }
  .tooltip .tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
  }
  .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {
    bottom: calc(-1 * var(--bs-tooltip-arrow-height));
  }
  .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
    top: -1px;
    border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-top-color: var(--bs-tooltip-bg);
  }
  /* rtl:begin:ignore */
  .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
    left: calc(-1 * var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width);
  }
  .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
    right: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-right-color: var(--bs-tooltip-bg);
  }
  /* rtl:end:ignore */
  .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
    top: calc(-1 * var(--bs-tooltip-arrow-height));
  }
  .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
    bottom: -1px;
    border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-bottom-color: var(--bs-tooltip-bg);
  }
  /* rtl:begin:ignore */
  .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
    right: calc(-1 * var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width);
  }
  .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
    left: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-left-color: var(--bs-tooltip-bg);
  }
  /* rtl:end:ignore */
  .tooltip-inner {
    max-width: var(--bs-tooltip-max-width);
    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
    color: var(--bs-tooltip-color);
    text-align: center;
    background-color: var(--bs-tooltip-bg);
    border-radius: var(--bs-tooltip-border-radius);
  }
  .popover {
    --bs-popover-zindex: 1070;
    --bs-popover-max-width: 276px;
    --bs-popover-font-size: 0.76563rem;
    --bs-popover-bg: var(--bs-body-bg);
    --bs-popover-border-width: var(--bs-border-width);
    --bs-popover-border-color: var(--bs-border-color-translucent);
    --bs-popover-border-radius: var(--bs-border-radius-lg);
    --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
    --bs-popover-box-shadow: var(--bs-box-shadow);
    --bs-popover-header-padding-x: 1rem;
    --bs-popover-header-padding-y: 0.5rem;
    --bs-popover-header-font-size: 0.875rem;
    --bs-popover-header-color: inherit;
    --bs-popover-header-bg: var(--bs-secondary-bg);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 1rem;
    --bs-popover-body-color: var(--bs-body-color);
    --bs-popover-arrow-width: 1rem;
    --bs-popover-arrow-height: 0.5rem;
    --bs-popover-arrow-border: var(--bs-popover-border-color);
    z-index: var(--bs-popover-zindex);
    display: block;
    max-width: var(--bs-popover-max-width);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-popover-font-size);
    word-wrap: break-word;
    background-color: var(--bs-popover-bg);
    background-clip: padding-box;
    border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-radius: var(--bs-popover-border-radius);
  }
  @media (min-width: 1200px) {
    .popover {
      --bs-popover-font-size: 0.76562rem;
    }
  }
  .popover .popover-arrow {
    display: block;
    width: var(--bs-popover-arrow-width);
    height: var(--bs-popover-arrow-height);
  }
  .popover .popover-arrow::before, .popover .popover-arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
    border-width: 0;
  }
  .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow {
    bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  }
  .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after {
    border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0;
  }
  .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before {
    bottom: 0;
    border-top-color: var(--bs-popover-arrow-border);
  }
  .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after {
    bottom: var(--bs-popover-border-width);
    border-top-color: var(--bs-popover-bg);
  }
  /* rtl:begin:ignore */
  .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow {
    left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width);
  }
  .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after {
    border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0;
  }
  .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before {
    left: 0;
    border-right-color: var(--bs-popover-arrow-border);
  }
  .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after {
    left: var(--bs-popover-border-width);
    border-right-color: var(--bs-popover-bg);
  }
  /* rtl:end:ignore */
  .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow {
    top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  }
  .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after {
    border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height);
  }
  .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before {
    top: 0;
    border-bottom-color: var(--bs-popover-arrow-border);
  }
  .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after {
    top: var(--bs-popover-border-width);
    border-bottom-color: var(--bs-popover-bg);
  }
  .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: var(--bs-popover-arrow-width);
    margin-left: calc(-.5 * var(--bs-popover-arrow-width));
    content: "";
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
  }
  /* rtl:begin:ignore */
  .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow {
    right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width);
  }
  .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after {
    border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height);
  }
  .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before {
    right: 0;
    border-left-color: var(--bs-popover-arrow-border);
  }
  .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after {
    right: var(--bs-popover-border-width);
    border-left-color: var(--bs-popover-bg);
  }
  /* rtl:end:ignore */
  .popover-header {
    padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
    margin-bottom: 0;
    font-size: var(--bs-popover-header-font-size);
    color: var(--bs-popover-header-color);
    background-color: var(--bs-popover-header-bg);
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-top-left-radius: var(--bs-popover-inner-border-radius);
    border-top-right-radius: var(--bs-popover-inner-border-radius);
  }
  .popover-header:empty {
    display: none;
  }
  .popover-body {
    padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
    color: var(--bs-popover-body-color);
  }
  .offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --bs-offcanvas-color: var(--bs-body-color);
    --bs-offcanvas-bg: var(--bs-body-bg);
    --bs-offcanvas-border-width: var(--bs-border-width);
    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
    --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
    --bs-offcanvas-transition: transform 0.3s ease-in-out;
    --bs-offcanvas-title-line-height: 1.5;
  }
  @media (max-width: 575.98px) {
    .offcanvas-sm {
      position: fixed;
      bottom: 0;
      z-index: var(--bs-offcanvas-zindex);
      display: flex;
      flex-direction: column;
      max-width: 100%;
      color: var(--bs-offcanvas-color);
      visibility: hidden;
      background-color: var(--bs-offcanvas-bg);
      background-clip: padding-box;
      outline: 0;
      transition: var(--bs-offcanvas-transition);
    }
  }
  @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-sm {
      transition: none;
    }
  }
  @media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-start {
      top: 0;
      left: 0;
      width: var(--bs-offcanvas-width);
      border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(-100%);
    }
    .offcanvas-sm.offcanvas-end {
      top: 0;
      right: 0;
      width: var(--bs-offcanvas-width);
      border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(100%);
    }
    .offcanvas-sm.offcanvas-top {
      top: 0;
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(-100%);
    }
    .offcanvas-sm.offcanvas-bottom {
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(100%);
    }
    .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
      transform: none;
    }
    .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
      visibility: visible;
    }
  }
  @media (min-width: 576px) {
    .offcanvas-sm {
      --bs-offcanvas-height: auto;
      --bs-offcanvas-border-width: 0;
      background-color: transparent !important;
    }
    .offcanvas-sm .offcanvas-header {
      display: none;
    }
    .offcanvas-sm .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important;
    }
  }
  @media (max-width: 767.98px) {
    .offcanvas-md {
      position: fixed;
      bottom: 0;
      z-index: var(--bs-offcanvas-zindex);
      display: flex;
      flex-direction: column;
      max-width: 100%;
      color: var(--bs-offcanvas-color);
      visibility: hidden;
      background-color: var(--bs-offcanvas-bg);
      background-clip: padding-box;
      outline: 0;
      transition: var(--bs-offcanvas-transition);
    }
  }
  @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-md {
      transition: none;
    }
  }
  @media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-start {
      top: 0;
      left: 0;
      width: var(--bs-offcanvas-width);
      border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(-100%);
    }
    .offcanvas-md.offcanvas-end {
      top: 0;
      right: 0;
      width: var(--bs-offcanvas-width);
      border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(100%);
    }
    .offcanvas-md.offcanvas-top {
      top: 0;
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(-100%);
    }
    .offcanvas-md.offcanvas-bottom {
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(100%);
    }
    .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
      transform: none;
    }
    .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
      visibility: visible;
    }
  }
  @media (min-width: 768px) {
    .offcanvas-md {
      --bs-offcanvas-height: auto;
      --bs-offcanvas-border-width: 0;
      background-color: transparent !important;
    }
    .offcanvas-md .offcanvas-header {
      display: none;
    }
    .offcanvas-md .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important;
    }
  }
  @media (max-width: 991.98px) {
    .offcanvas-lg {
      position: fixed;
      bottom: 0;
      z-index: var(--bs-offcanvas-zindex);
      display: flex;
      flex-direction: column;
      max-width: 100%;
      color: var(--bs-offcanvas-color);
      visibility: hidden;
      background-color: var(--bs-offcanvas-bg);
      background-clip: padding-box;
      outline: 0;
      transition: var(--bs-offcanvas-transition);
    }
  }
  @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-lg {
      transition: none;
    }
  }
  @media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-start {
      top: 0;
      left: 0;
      width: var(--bs-offcanvas-width);
      border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(-100%);
    }
    .offcanvas-lg.offcanvas-end {
      top: 0;
      right: 0;
      width: var(--bs-offcanvas-width);
      border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(100%);
    }
    .offcanvas-lg.offcanvas-top {
      top: 0;
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(-100%);
    }
    .offcanvas-lg.offcanvas-bottom {
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(100%);
    }
    .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
      transform: none;
    }
    .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
      visibility: visible;
    }
  }
  @media (min-width: 992px) {
    .offcanvas-lg {
      --bs-offcanvas-height: auto;
      --bs-offcanvas-border-width: 0;
      background-color: transparent !important;
    }
    .offcanvas-lg .offcanvas-header {
      display: none;
    }
    .offcanvas-lg .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important;
    }
  }
  @media (max-width: 1199.98px) {
    .offcanvas-xl {
      position: fixed;
      bottom: 0;
      z-index: var(--bs-offcanvas-zindex);
      display: flex;
      flex-direction: column;
      max-width: 100%;
      color: var(--bs-offcanvas-color);
      visibility: hidden;
      background-color: var(--bs-offcanvas-bg);
      background-clip: padding-box;
      outline: 0;
      transition: var(--bs-offcanvas-transition);
    }
  }
  @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-xl {
      transition: none;
    }
  }
  @media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-start {
      top: 0;
      left: 0;
      width: var(--bs-offcanvas-width);
      border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(-100%);
    }
    .offcanvas-xl.offcanvas-end {
      top: 0;
      right: 0;
      width: var(--bs-offcanvas-width);
      border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(100%);
    }
    .offcanvas-xl.offcanvas-top {
      top: 0;
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(-100%);
    }
    .offcanvas-xl.offcanvas-bottom {
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(100%);
    }
    .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
      transform: none;
    }
    .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
      visibility: visible;
    }
  }
  @media (min-width: 1200px) {
    .offcanvas-xl {
      --bs-offcanvas-height: auto;
      --bs-offcanvas-border-width: 0;
      background-color: transparent !important;
    }
    .offcanvas-xl .offcanvas-header {
      display: none;
    }
    .offcanvas-xl .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important;
    }
  }
  @media (max-width: 1399.98px) {
    .offcanvas-xxl {
      position: fixed;
      bottom: 0;
      z-index: var(--bs-offcanvas-zindex);
      display: flex;
      flex-direction: column;
      max-width: 100%;
      color: var(--bs-offcanvas-color);
      visibility: hidden;
      background-color: var(--bs-offcanvas-bg);
      background-clip: padding-box;
      outline: 0;
      transition: var(--bs-offcanvas-transition);
    }
  }
  @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-xxl {
      transition: none;
    }
  }
  @media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-start {
      top: 0;
      left: 0;
      width: var(--bs-offcanvas-width);
      border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(-100%);
    }
    .offcanvas-xxl.offcanvas-end {
      top: 0;
      right: 0;
      width: var(--bs-offcanvas-width);
      border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(100%);
    }
    .offcanvas-xxl.offcanvas-top {
      top: 0;
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(-100%);
    }
    .offcanvas-xxl.offcanvas-bottom {
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(100%);
    }
    .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
      transform: none;
    }
    .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
      visibility: visible;
    }
  }
  @media (min-width: 1400px) {
    .offcanvas-xxl {
      --bs-offcanvas-height: auto;
      --bs-offcanvas-border-width: 0;
      background-color: transparent !important;
    }
    .offcanvas-xxl .offcanvas-header {
      display: none;
    }
    .offcanvas-xxl .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important;
    }
  }
  .offcanvas {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
  @media (prefers-reduced-motion: reduce) {
    .offcanvas {
      transition: none;
    }
  }
  .offcanvas.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas.showing, .offcanvas.show:not(.hiding) {
    transform: none;
  }
  .offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
    visibility: visible;
  }
  .offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #0a0a0a;
  }
  .offcanvas-backdrop.fade {
    opacity: 0;
  }
  .offcanvas-backdrop.show {
    opacity: 0.5;
  }
  .offcanvas-header {
    display: flex;
    align-items: center;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  }
  .offcanvas-header .btn-close {
    padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
    margin: calc(-.5 * var(--bs-offcanvas-padding-y)) calc(-.5 * var(--bs-offcanvas-padding-x)) calc(-.5 * var(--bs-offcanvas-padding-y)) auto;
  }
  .offcanvas-title {
    margin-bottom: 0;
    line-height: var(--bs-offcanvas-title-line-height);
  }
  .offcanvas-body {
    flex-grow: 1;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    overflow-y: auto;
  }
  .text-bg-primary {
    color: #fff !important;
    background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
  }
  .text-bg-secondary {
    color: #0a0a0a !important;
    background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
  }
  .text-bg-success {
    color: #fff !important;
    background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
  }
  .text-bg-info {
    color: #fff !important;
    background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
  }
  .text-bg-warning {
    color: #fff !important;
    background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
  }
  .text-bg-danger {
    color: #fff !important;
    background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
  }
  .text-bg-light {
    color: #0a0a0a !important;
    background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
  }
  .text-bg-dark {
    color: #fff !important;
    background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
  }
  :is(.btn, a, button, summary, [tabindex]):not(input, textarea, select):focus-visible {
    outline: var(--bs-focus-ring-width) solid var(--moo-ring);
    outline-offset: var(--bs-focus-ring-width);
    box-shadow: none;
  }
  .form-control.is-invalid,
.form-control.is-invalid:focus,
.form-select.is-invalid,
.form-select.is-invalid:focus {
    box-shadow: 0 0 0 var(--bs-focus-ring-width) color-mix(in srgb, var(--bs-form-invalid-border-color) 20%, transparent);
  }
  .btn-check:focus-visible + .btn {
    outline: var(--bs-focus-ring-width) solid var(--moo-ring);
    outline-offset: var(--bs-focus-ring-width);
    box-shadow: none;
  }
  .input-group > .dropdown-toggle[aria-expanded="true"]:focus-visible {
    outline: 0;
  }
  :where( .scroll-fade, .scroll-fade-y, .scroll-fade-x, .scroll-fade-t, .scroll-fade-b, .scroll-fade-l, .scroll-fade-r, .scroll-fade-s, .scroll-fade-e ) {
    --scroll-fade-size: min(12%, 2.5rem);
    --scroll-fade-reveal: 6rem;
    --moo-scroll-fade-t-size: var(--scroll-fade-size);
    --moo-scroll-fade-b-size: var(--scroll-fade-size);
    --moo-scroll-fade-s-size: var(--scroll-fade-size);
    --moo-scroll-fade-e-size: var(--scroll-fade-size);
    --moo-scroll-fade-mask: linear-gradient(
    to bottom,
    transparent 0,
    #000 var(--moo-scroll-fade-t),
    #000 calc(100% - var(--moo-scroll-fade-b)),
    transparent 100%
  );
    mask-image: var(--moo-scroll-fade-mask);
  }
  .scroll-fade,
.scroll-fade-y {
    animation-name: moo-scroll-fade-reveal-t, moo-scroll-fade-reveal-b;
    animation-duration: 1ms, 1ms;
    animation-fill-mode: both, both;
    animation-timing-function: linear, linear;
    animation-timeline: scroll(self y), scroll(self y);
    animation-range: 0 var(--scroll-fade-reveal), calc(100% - var(--scroll-fade-reveal)) 100%;
  }
  .scroll-fade-t {
    animation-name: moo-scroll-fade-reveal-t;
    animation-duration: 1ms;
    animation-fill-mode: both;
    animation-timing-function: linear;
    animation-timeline: scroll(self y);
    animation-range: 0 var(--scroll-fade-reveal);
  }
  .scroll-fade-b {
    animation-name: moo-scroll-fade-reveal-b;
    animation-duration: 1ms;
    animation-fill-mode: both;
    animation-timing-function: linear;
    animation-timeline: scroll(self y);
    animation-range: calc(100% - var(--scroll-fade-reveal)) 100%;
  }
  .scroll-fade-x,
.scroll-fade-s,
.scroll-fade-e {
    --moo-scroll-fade-mask: linear-gradient(
    to right,
    transparent 0,
    #000 var(--moo-scroll-fade-s),
    #000 calc(100% - var(--moo-scroll-fade-e)),
    transparent 100%
  );
  }
  .scroll-fade-x {
    animation-name: moo-scroll-fade-reveal-s, moo-scroll-fade-reveal-e;
    animation-duration: 1ms, 1ms;
    animation-fill-mode: both, both;
    animation-timing-function: linear, linear;
    animation-timeline: scroll(self inline), scroll(self inline);
    animation-range: 0 var(--scroll-fade-reveal), calc(100% - var(--scroll-fade-reveal)) 100%;
  }
  .scroll-fade-s {
    animation-name: moo-scroll-fade-reveal-s;
    animation-duration: 1ms;
    animation-fill-mode: both;
    animation-timing-function: linear;
    animation-timeline: scroll(self inline);
    animation-range: 0 var(--scroll-fade-reveal);
  }
  .scroll-fade-e {
    animation-name: moo-scroll-fade-reveal-e;
    animation-duration: 1ms;
    animation-fill-mode: both;
    animation-timing-function: linear;
    animation-timeline: scroll(self inline);
    animation-range: calc(100% - var(--scroll-fade-reveal)) 100%;
  }
  .scroll-fade-x:where([dir="rtl"], [dir="rtl"] *),
.scroll-fade-s:where([dir="rtl"], [dir="rtl"] *),
.scroll-fade-e:where([dir="rtl"], [dir="rtl"] *) {
    --moo-scroll-fade-mask: linear-gradient(
    to left,
    transparent 0,
    #000 var(--moo-scroll-fade-s),
    #000 calc(100% - var(--moo-scroll-fade-e)),
    transparent 100%
  );
  }
  .scroll-fade-l,
.scroll-fade-r {
    --moo-scroll-fade-mask: linear-gradient(
    to right,
    transparent 0,
    #000 var(--moo-scroll-fade-s),
    #000 calc(100% - var(--moo-scroll-fade-e)),
    transparent 100%
  );
  }
  .scroll-fade-l {
    animation-name: moo-scroll-fade-reveal-s;
    animation-duration: 1ms;
    animation-fill-mode: both;
    animation-timing-function: linear;
    animation-timeline: scroll(self x);
    animation-range: 0 var(--scroll-fade-reveal);
  }
  .scroll-fade-r {
    animation-name: moo-scroll-fade-reveal-e;
    animation-duration: 1ms;
    animation-fill-mode: both;
    animation-timing-function: linear;
    animation-timeline: scroll(self x);
    animation-range: calc(100% - var(--scroll-fade-reveal)) 100%;
  }
  .scroll-fade-none {
    --moo-scroll-fade-mask: none;
  }
  .no-scrollbar {
    scrollbar-width: none;
  }
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }
  .scrollbar-thin {
    --moo-scrollbar-thin-size: 0.375rem;
    --moo-scrollbar-thin-thumb-bg: color-mix(in srgb, var(--bs-secondary-color) 28%, transparent);
    --moo-scrollbar-thin-thumb-hover-bg: color-mix(in srgb, var(--bs-secondary-color) 45%, transparent);
    scrollbar-color: var(--moo-scrollbar-thin-thumb-bg) transparent;
    scrollbar-width: thin;
  }
  .scrollbar-thin::-webkit-scrollbar {
    width: var(--moo-scrollbar-thin-size);
    height: var(--moo-scrollbar-thin-size);
  }
  .scrollbar-thin::-webkit-scrollbar-track {
    background: transparent;
  }
  .scrollbar-thin::-webkit-scrollbar-thumb {
    border-radius: var(--bs-border-radius-pill);
    background-color: var(--moo-scrollbar-thin-thumb-bg);
  }
  .scrollbar-thin::-webkit-scrollbar-thumb:hover {
    background-color: var(--moo-scrollbar-thin-thumb-hover-bg);
  }
  @supports not (animation-timeline: scroll()) {
    .scroll-fade,
.scroll-fade-y {
      --moo-scroll-fade-t: var(--moo-scroll-fade-t-size);
      --moo-scroll-fade-b: var(--moo-scroll-fade-b-size);
    }
    .scroll-fade-x {
      --moo-scroll-fade-s: var(--moo-scroll-fade-s-size);
      --moo-scroll-fade-e: var(--moo-scroll-fade-e-size);
    }
    .scroll-fade-t {
      --moo-scroll-fade-t: var(--moo-scroll-fade-t-size);
    }
    .scroll-fade-b {
      --moo-scroll-fade-b: var(--moo-scroll-fade-b-size);
    }
    .scroll-fade-l,
.scroll-fade-s {
      --moo-scroll-fade-s: var(--moo-scroll-fade-s-size);
    }
    .scroll-fade-r,
.scroll-fade-e {
      --moo-scroll-fade-e: var(--moo-scroll-fade-e-size);
    }
  }
  kbd {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    line-height: 1rem;
    font-weight: 500;
    border: var(--bs-border-width) solid var(--bs-border-color);
  }
  .form-control {
    min-height: 2rem;
  }
  .form-control:disabled,
.form-select:disabled {
    opacity: var(--moo-disabled-control-opacity);
  }
  textarea.form-control:not(.form-control-sm, .form-control-lg) {
    padding: 0.5rem 0.75rem;
  }
  textarea.form-control:disabled {
    resize: none;
  }
  .input-group:not(:has(> .form-control[type="file"])) {
    border: var(--bs-border-width) solid var(--moo-border);
    border-radius: var(--moo-input-group-border-radius);
  }
  .input-group.rounded-pill:not(:has(> .form-control[type="file"])) {
    --moo-input-group-border-radius: var(--bs-border-radius-pill);
  }
  .input-group:not(:has(textarea)):not(:has(> .form-control[type="file"])) {
    height: calc(2rem + var(--bs-border-width) * 2);
  }
  .input-group:not(:has(textarea)):not(:has(> .form-control[type="file"])) > .form-control {
    min-height: 0;
  }
  .input-group > textarea.form-control {
    resize: none;
  }
  .input-group:not(:has(> .form-control[type="file"])) > :not(:first-child):not([class~="dropdown-menu"]):not([class~="valid-tooltip"]):not([class~="valid-feedback"]):not([class~="invalid-tooltip"]):not([class~="invalid-feedback"]) {
    margin: 0;
  }
  .input-group:not(:has(> .form-control[type="file"])) > :not(ul) {
    border: 0;
    border-radius: 0;
  }
  .input-group:not(:has(> .form-control[type="file"])) > :first-child:not(ul) {
    border-start-start-radius: var(--moo-input-group-border-radius);
    border-end-start-radius: var(--moo-input-group-border-radius);
  }
  .input-group:not(:has(> .form-control[type="file"])) > :is(:last-child, :nth-last-child(2):has(+ .dropdown-menu)):not(ul) {
    border-start-end-radius: var(--moo-input-group-border-radius);
    border-end-end-radius: var(--moo-input-group-border-radius);
  }
  .input-group > :is(button, a) {
    border: var(--bs-btn-border-width) var(--bs-border-style) var(--bs-btn-border-color);
  }
  .input-group > .btn-ghost {
    --bs-btn-hover-bg: transparent;
    --bs-btn-active-bg: transparent;
    position: relative;
    isolation: isolate;
    border-radius: var(--moo-input-group-border-radius) !important;
  }
  .input-group > .btn-ghost::before {
    position: absolute;
    inset: 0.25rem;
    z-index: -1;
    content: "";
    border-radius: var(--moo-input-group-border-radius);
    background-color: var(--moo-muted-surface);
    opacity: 0;
    transition: opacity opacity 0.15s linear;
  }
  .input-group > .btn-ghost:hover::before,
.input-group > .btn-ghost:is(.show, [aria-expanded="true"])::before {
    opacity: 1;
  }
  .input-group > .btn-ghost:is(.show, [aria-expanded="true"]) {
    color: var(--bs-btn-active-color);
  }
  .input-group > .btn-ghost[aria-pressed="true"] {
    color: var(--bs-primary);
  }
  .input-group > .btn-ghost[aria-pressed="true"]::before {
    opacity: 0;
  }
  .input-group > .btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active {
    transform: none;
  }
  .input-group > :is(.btn-xs, .btn-icon-xs) {
    --bs-btn-padding-y: 0.125rem;
    --bs-btn-padding-x: 0.375rem;
    --bs-btn-line-height: 0.875rem;
  }
  .input-group > .input-group-text {
    color: var(--bs-secondary-color);
    background-color: transparent;
  }
  .input-group > .input-group-text:first-child {
    padding-inline-end: 0;
  }
  .input-group > .input-group-text:first-child + .form-control {
    padding-inline-start: 0.375rem;
  }
  .input-group > .input-group-text:last-child {
    padding-inline-start: 0;
  }
  .input-group > .form-control:has(+ .input-group-text:last-child) {
    padding-inline-end: 0.375rem;
  }
  .input-group-text > [data-icon] {
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
    color: var(--bs-secondary-color);
  }
  .input-group:has(> [data-align]) {
    height: auto;
  }
  .input-group > [data-align] {
    display: flex;
    flex-basis: 100%;
    align-items: center;
    width: 100%;
    padding: 0.375rem 0.625rem 0.5rem;
  }
  .input-group > [data-align="block-start"] {
    order: -1;
  }
  .input-group > [data-align] > .input-group-text {
    padding: 0;
    color: var(--bs-secondary-color);
    border: 0;
    background-color: transparent;
  }
  .input-group:has(> .form-control:focus):not(:has(> .form-control[type="file"])) {
    border-color: #8b8b8b;
    box-shadow: 0 0 0 2px rgba(23, 23, 23, 0.25);
  }
  .input-group:not(:has(> .form-control[type="file"])) > :is(.form-control, .form-select):focus {
    outline: 0;
    box-shadow: none;
  }
  .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    gap: 0.375rem;
    white-space: nowrap;
  }
  .btn:not(.btn-icon, .btn-icon-xs, .btn-icon-sm, .btn-icon-lg):has(> [data-icon="inline-start"]) {
    padding-inline-start: 0.5rem;
  }
  .btn:not(.btn-icon, .btn-icon-xs, .btn-icon-sm, .btn-icon-lg):has(> [data-icon="inline-end"]) {
    padding-inline-end: 0.5rem;
  }
  button.btn:not(:disabled),
input.btn:not(:disabled),
label.btn {
    cursor: default;
  }
  .btn-xs,
.btn-icon-xs {
    --bs-btn-padding-y: 0.1875rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-line-height: 1rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
    gap: 0.25rem;
  }
  .btn-sm,
.btn-icon-sm,
.btn-group-sm > .btn,
.btn-group-sm > .btn-group > .btn {
    --bs-btn-padding-y: 0.3125rem;
    --bs-btn-padding-x: 0.625rem;
    --bs-btn-font-size: 0.8rem;
    --bs-btn-line-height: 1rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
    gap: 0.25rem;
  }
  .btn-lg,
.btn-icon-lg,
.btn-group-lg > .btn,
.btn-group-lg > .btn-group > .btn {
    --bs-btn-padding-y: 0.4375rem;
    --bs-btn-padding-x: 0.625rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-line-height: 1.25rem;
    --bs-btn-border-radius: var(--bs-border-radius-lg);
  }
  :is(.btn-xs, .btn-sm, .btn-group-sm > .btn, .btn-group-sm > .btn-group > .btn):not(.btn-icon, .btn-icon-xs, .btn-icon-sm, .btn-icon-lg):has(> [data-icon="inline-start"]) {
    padding-inline-start: 0.375rem;
  }
  :is(.btn-xs, .btn-sm, .btn-group-sm > .btn, .btn-group-sm > .btn-group > .btn):not(.btn-icon, .btn-icon-xs, .btn-icon-sm, .btn-icon-lg):has(> [data-icon="inline-end"]) {
    padding-inline-end: 0.375rem;
  }
  .btn-icon,
.btn-icon-xs,
.btn-icon-sm,
.btn-icon-lg {
    padding: 0;
    inline-size: calc( var(--bs-btn-line-height) + var(--bs-btn-padding-y) + var(--bs-btn-padding-y) + var(--bs-btn-border-width) + var(--bs-btn-border-width));
    aspect-ratio: 1;
  }
  :is(.btn-icon, .btn-icon-xs, .btn-icon-sm, .btn-icon-lg)::after {
    display: none;
  }
  .btn > [data-icon="inline-start"],
.btn > [data-icon="inline-end"] {
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
  }
  :is(.btn-xs, .btn-icon-xs) > [data-icon] {
    width: 0.75rem;
    height: 0.75rem;
  }
  :is(.btn-sm, .btn-icon-sm, .btn-group-sm > .btn, .btn-group-sm > .btn-group > .btn) > [data-icon] {
    width: 0.875rem;
    height: 0.875rem;
  }
  .btn[aria-busy="true"] > [data-icon="inline-start"] {
    animation: moo-spinner-rotate 0.75s linear infinite;
  }
  .btn:disabled,
.btn.disabled,
.btn[aria-disabled="true"] {
    pointer-events: none;
    opacity: var(--moo-disabled-control-opacity);
  }
  .btn-check:disabled + .btn {
    pointer-events: none;
    opacity: var(--moo-disabled-control-opacity);
  }
  .btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active {
    transform: translateY(0.5px);
  }
  :is(.btn-primary, .btn-secondary, .btn-outline-secondary, .btn-outline-primary, .btn-ghost, .btn-danger) {
    --bs-btn-border-color: var(--bs-btn-bg);
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: var(--bs-btn-hover-bg);
    --bs-btn-active-border-color: var(--bs-btn-active-bg);
    --bs-btn-disabled-color: var(--bs-btn-color);
    --bs-btn-disabled-border-color: var(--bs-btn-border-color);
  }
  :is(.btn-primary, .btn-secondary, .btn-danger) {
    --bs-btn-disabled-bg: var(--bs-btn-bg);
  }
  :is(.btn-outline-secondary, .btn-outline-primary, .btn-ghost) {
    --bs-btn-disabled-bg: transparent;
  }
  .btn-primary {
    --bs-btn-color: var(--moo-surface);
    --bs-btn-bg: var(--moo-foreground);
    --bs-btn-hover-bg: color-mix(in srgb, var(--moo-foreground) 88%, var(--moo-surface));
    --bs-btn-active-bg: color-mix(in srgb, var(--moo-foreground) 80%, var(--moo-surface));
  }
  .btn-secondary {
    --bs-btn-color: var(--moo-foreground);
    --bs-btn-bg: var(--moo-muted-surface);
    --bs-btn-border-color: var(--moo-border);
    --bs-btn-hover-bg: color-mix(in srgb, var(--moo-muted-surface) 86%, var(--moo-foreground));
    --bs-btn-hover-border-color: color-mix(in srgb, var(--moo-border) 80%, var(--moo-foreground));
    --bs-btn-active-bg: color-mix(in srgb, var(--moo-muted-surface) 78%, var(--moo-foreground));
    --bs-btn-active-border-color: color-mix(in srgb, var(--moo-border) 72%, var(--moo-foreground));
  }
  .btn-outline-secondary {
    --bs-btn-color: var(--moo-foreground);
    --bs-btn-border-color: var(--moo-border);
    --bs-btn-hover-bg: var(--moo-muted-surface);
    --bs-btn-hover-border-color: var(--moo-border);
    --bs-btn-active-border-color: var(--moo-border);
  }
  .btn-outline-primary {
    --bs-btn-color: var(--moo-foreground);
    --bs-btn-border-color: var(--moo-foreground);
    --bs-btn-hover-color: var(--moo-surface);
    --bs-btn-hover-bg: var(--moo-foreground);
  }
  .btn-ghost {
    --bs-btn-color: var(--moo-foreground);
    --bs-btn-bg: transparent;
    --bs-btn-hover-bg: var(--moo-muted-surface);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-bg: var(--bs-btn-hover-bg);
    --bs-btn-active-color: var(--bs-btn-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: var(--moo-disabled-foreground);
  }
  .btn-danger {
    --bs-btn-color: var(--moo-destructive-foreground);
    --bs-btn-bg: var(--moo-destructive);
    --bs-btn-hover-bg: color-mix(in srgb, var(--moo-destructive) 88%, var(--moo-foreground));
    --bs-btn-active-bg: color-mix(in srgb, var(--moo-destructive) 80%, var(--moo-foreground));
  }
  .btn-link {
    --bs-btn-color: var(--moo-foreground);
    --bs-btn-hover-color: var(--moo-muted-foreground);
    text-underline-offset: 0.25rem;
  }
  [dir="rtl"] .btn-group,
[dir="rtl"] .btn-toolbar {
    direction: ltr;
  }
  [dir="rtl"] .btn-group > .btn,
[dir="rtl"] .btn-toolbar > .btn {
    unicode-bidi: plaintext;
  }
  .card {
    --bs-card-bg: var(--moo-surface);
    --bs-card-color: var(--moo-foreground);
    --bs-card-border-color: var(--moo-border);
    --bs-card-border-radius: var(--bs-border-radius-xl);
    --bs-card-inner-border-radius: calc(var(--bs-card-border-radius) - var(--bs-card-border-width));
    --bs-card-box-shadow: var(--bs-box-shadow-sm);
    --bs-card-cap-bg: transparent;
    --bs-card-cap-color: var(--moo-foreground);
    --bs-card-title-color: var(--moo-foreground);
    --bs-card-subtitle-color: var(--moo-muted-foreground);
    gap: var(--bs-card-spacer-x);
    padding-block: var(--bs-card-spacer-x);
    box-shadow: var(--bs-card-box-shadow);
  }
  .card-header {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    border-bottom: 0;
  }
  .card-header,
.card-body,
.card-footer {
    padding-block: 0;
  }
  .card-footer {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border-top: 0;
  }
  .card-title {
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.01em;
  }
  .card-subtitle {
    margin-top: 0;
    font-size: 0.875rem;
  }
  .dropdown-menu {
    --bs-dropdown-bg: var(--moo-surface);
    --bs-dropdown-border-color: var(--moo-border);
    --bs-dropdown-border-radius: var(--bs-border-radius-lg);
    --bs-dropdown-box-shadow: var(--bs-box-shadow);
    --bs-dropdown-link-color: var(--moo-foreground);
    --bs-dropdown-link-hover-color: var(--moo-foreground);
    --bs-dropdown-link-hover-bg: var(--moo-muted-surface);
    --bs-dropdown-link-active-color: var(--moo-foreground);
    --bs-dropdown-link-active-bg: var(--moo-muted-surface);
    --bs-dropdown-link-disabled-color: var(--moo-disabled-foreground);
    --bs-dropdown-header-color: var(--moo-muted-foreground);
    box-shadow: var(--bs-dropdown-box-shadow);
  }
  .dropdown-item {
    --bs-dropdown-item-border-radius: var(--bs-border-radius);
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .dropdown-item:focus:not(:focus-visible):not(:hover) {
    color: var(--bs-dropdown-link-color);
    background-color: transparent;
  }
  .dropdown-item > [data-icon] {
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
  }
  .dropdown-menu .dropdown-divider {
    margin-inline: calc(-1 * var(--bs-dropdown-padding-x));
    border-block-start: var(--bs-border-width) solid var(--bs-dropdown-divider-bg);
  }
  .dropdown-item-check.active {
    color: var(--bs-dropdown-link-color);
    background-color: transparent;
  }
  .dropdown-item-check.active:hover,
.dropdown-item-check.active:focus {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg);
  }
  .dropdown-item-check__indicator {
    --moo-dropdown-item-check-border-radius: 0.25em;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--moo-dropdown-item-check-border-radius);
    color: transparent;
  }
  .dropdown-item-check.active .dropdown-item-check__indicator {
    background-color: var(--moo-foreground);
    border-color: var(--moo-foreground);
    color: var(--moo-surface);
  }
  .dropdown-item-check__indicator > [data-icon] {
    width: 0.75rem;
    height: 0.75rem;
  }
  .dropdown-item-check--radio .dropdown-item-check__indicator {
    border-color: transparent;
    background-color: transparent;
  }
  .dropdown-item-check--radio.active .dropdown-item-check__indicator {
    background-color: transparent;
    border-color: transparent;
    color: var(--bs-dropdown-link-color);
  }
  .dropdown-item__icon-box {
    --moo-dropdown-item-icon-size: 1.5rem;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: var(--moo-dropdown-item-icon-size);
    height: var(--moo-dropdown-item-icon-size);
    border: var(--bs-border-width) solid var(--moo-border);
    border-radius: var(--bs-border-radius);
  }
  .dropdown-item__icon-box > [data-icon] {
    width: 0.875rem;
    height: 0.875rem;
  }
  [data-slot="sidebar-header"] .dropdown-menu,
[data-slot="sidebar-footer"] .dropdown-menu {
    --moo-dropdown-sidebar-min-width: 14rem;
    min-width: max(100%, var(--moo-dropdown-sidebar-min-width));
  }
  @media (min-width: 992px) {
    [data-slot="sidebar-header"] [data-moo-sidebar-dropdown-positioned] > .dropdown-menu {
      position: fixed !important;
      z-index: 1000;
      inset-block-start: var(--moo-sidebar-dropdown-block-start) !important;
      inset-inline-start: var(--moo-sidebar-dropdown-inline-start) !important;
      width: var(--moo-dropdown-sidebar-min-width);
      min-width: var(--moo-dropdown-sidebar-min-width);
      margin: 0;
      transform: none !important;
    }
  }
  .menubar {
    gap: 0.125rem;
    padding: 0.1875rem;
  }
  .menubar .dropdown-menu {
    z-index: 1000;
  }
  .menubar [data-bs-toggle="dropdown"].show,
.menubar .dropdown-toggle.show {
    --bs-btn-color: var(--moo-foreground);
    color: var(--bs-btn-color);
    font-weight: 500;
  }
  .avatar {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    overflow: visible;
    border: 0;
    border-radius: var(--bs-border-radius-pill);
    background-color: var(--moo-muted-surface);
    color: var(--moo-foreground);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
  }
  .avatar::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    border: var(--bs-border-width) solid var(--moo-border);
    border-radius: var(--bs-border-radius-pill);
    pointer-events: none;
    opacity: 0.8;
  }
  .avatar > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--bs-border-radius-pill);
  }
  .avatar-fallback {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    text-align: center;
    padding: 0 0.15rem;
  }
  .avatar--has-image > .avatar-fallback {
    display: none;
  }
  .avatar-badge {
    position: absolute;
    inset-block-end: 0;
    inset-inline-end: 0;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 0.9375rem;
    min-width: 0.9375rem;
    padding-inline: 0.2rem;
    border-radius: var(--bs-border-radius-pill);
    border: 2px solid var(--bs-body-bg);
    background-color: var(--moo-muted-surface);
    color: var(--moo-foreground);
    font-size: 0.625rem;
    font-weight: 500;
    line-height: 1;
  }
  .avatar-badge [data-icon] {
    width: 0.625rem;
    height: 0.625rem;
  }
  .avatar-badge--dot {
    height: 0.625rem;
    min-width: 0.625rem;
    padding-inline: 0;
  }
  .avatar-badge--icon {
    width: 0.75rem;
    height: 0.75rem;
    min-width: 0.75rem;
    padding-inline: 0;
  }
  .avatar-badge--icon [data-icon] {
    width: 0.375rem;
    height: 0.375rem;
  }
  .avatar-sm {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.75rem;
  }
  .avatar-lg {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1rem;
  }
  .avatar-group {
    display: inline-flex;
    align-items: center;
  }
  .avatar-group > .avatar {
    z-index: 0;
  }
  .avatar-group .avatar + .avatar,
.avatar-group .avatar + .avatar-count,
.avatar-group .avatar-count + .avatar {
    margin-inline-start: -0.5rem;
  }
  .avatar-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    border-radius: var(--bs-border-radius-pill);
    font-size: 0.75rem;
    font-weight: 500;
  }
  .avatar-count::before {
    content: "+";
    margin-inline-end: -0.1rem;
  }
  .nav {
    --bs-nav-link-color: var(--moo-foreground);
    --bs-nav-link-hover-color: var(--moo-foreground);
    --bs-nav-link-disabled-color: var(--moo-disabled-foreground);
  }
  .nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: var(--moo-foreground);
    --bs-nav-pills-link-active-bg: var(--moo-muted-surface);
  }
  .nav-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
  }
  .nav.flex-column .nav-link {
    width: 100%;
  }
  .nav-pills .nav-link:not(.active, .disabled):hover {
    background-color: var(--moo-muted-surface);
  }
  .nav-pills:has(.nav-link:hover) .nav-link.active:not(:hover) {
    background-color: transparent;
  }
  .nav-link [data-icon] {
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
  }
  .skeleton {
    color: var(--moo-border);
    border-radius: var(--bs-border-radius);
    overflow: hidden;
  }
  .skeleton > .placeholder {
    display: block;
  }
  .sidebar-wrapper {
    --moo-sidebar-width: 16rem;
    --moo-sidebar-width-icon: 3rem;
    display: flex;
    width: 100%;
    min-height: 100svh;
  }
  .sidebar-wrapper--contained {
    min-height: 0;
    height: 34rem;
    overflow: hidden;
    border: var(--bs-border-width) solid var(--moo-border);
    border-radius: var(--bs-border-radius-xl);
  }
  .sidebar {
    --bs-offcanvas-width: var(--moo-sidebar-width);
    flex: 0 0 var(--moo-sidebar-width);
    width: var(--moo-sidebar-width);
    color: var(--moo-sidebar-foreground);
  }
  .sidebar[data-side="left"] .sidebar-inner {
    border-inline-end: var(--bs-border-width) solid var(--moo-sidebar-border);
  }
  .sidebar[data-side="right"] {
    order: 1;
  }
  .sidebar[data-side="right"] .sidebar-inner {
    border-inline-start: var(--bs-border-width) solid var(--moo-sidebar-border);
  }
  @media (min-width: 992px) {
    .sidebar {
      transition: flex-basis 0.2s ease, width 0.2s ease;
    }
    .sidebar[data-variant="floating"] .sidebar-inner {
      width: auto;
      height: calc(100svh - 1rem);
      max-height: calc(100svh - 1rem);
      margin: 0.5rem;
      border: var(--bs-border-width) solid var(--moo-sidebar-border);
      border-radius: var(--bs-border-radius-lg);
      box-shadow: var(--bs-box-shadow-sm);
    }
    .sidebar-wrapper--contained .sidebar[data-variant="floating"] .sidebar-inner {
      height: calc(100% - 1rem);
      max-height: calc(100% - 1rem);
    }
    .sidebar-wrapper[data-moo-sidebar-state="collapsed"] .sidebar[data-variant="floating"][data-collapsible="icon"] {
      flex-basis: calc(var(--moo-sidebar-width-icon) + 1rem);
      width: calc(var(--moo-sidebar-width-icon) + 1rem);
    }
    .sidebar-wrapper[data-moo-sidebar-state="collapsed"] .sidebar[data-variant="floating"][data-collapsible="icon"] .sidebar-inner {
      box-shadow: var(--bs-box-shadow);
    }
  }
  .sidebar-inner {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100svh;
    max-height: 100svh;
    background: var(--moo-sidebar);
  }
  .sidebar-wrapper--contained .sidebar-inner {
    position: relative;
    height: 100%;
    max-height: 100%;
  }
  .sidebar-header,
.sidebar-footer {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.5rem;
  }
  .sidebar-content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0.5rem;
    min-height: 0;
    overflow-y: auto;
  }
  .sidebar-input {
    width: 100%;
    padding: 0.25rem;
  }
  .sidebar-separator {
    display: flex;
  }
  .sidebar-menu-skeleton {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    min-height: 2rem;
    padding-inline: 0.5rem;
  }
  .sidebar-menu-skeleton__icon {
    width: 1rem;
    height: 1rem;
  }
  .sidebar-menu-skeleton__line {
    flex: 1 1 auto;
  }
  .sidebar-group {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0.5rem;
  }
  .sidebar-group-content {
    display: block;
  }
  .sidebar-group-content--inline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
  }
  .sidebar-group-label {
    display: flex;
    align-items: center;
    height: 2rem;
    padding-inline: 0.5rem;
    color: var(--moo-muted-foreground);
    font-size: 0.74987rem;
    font-weight: 500;
  }
  .sidebar-group:has(.sidebar-group-action) .sidebar-group-label {
    padding-inline-end: 2.5rem;
  }
  .sidebar-menu {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .sidebar-menu-item {
    position: relative;
  }
  .sidebar-menu-item:has(> .sidebar-menu-action) > .sidebar-menu-button {
    padding-inline-end: 2.5rem;
  }
  .sidebar-menu-button {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    min-width: 0;
    height: 2rem;
    padding-inline: 0.5rem;
    overflow: hidden;
    color: var(--moo-sidebar-foreground);
    font-size: 0.875rem;
    text-align: start;
    text-decoration: none;
    border: 0;
    border-radius: var(--bs-border-radius);
    background: transparent;
  }
  .sidebar-menu-button:hover {
    color: var(--moo-sidebar-foreground);
    background: var(--moo-sidebar-accent);
  }
  .sidebar-menu-button--account[aria-expanded="true"] {
    color: var(--moo-sidebar-foreground);
    background: var(--moo-sidebar-accent);
  }
  .sidebar-menu-button--account[aria-expanded="true"] .sidebar-menu-button__end [data-icon] {
    color: var(--moo-sidebar-foreground);
  }
  .sidebar-menu-button.sidebar-menu-button--account,
.sidebar-menu-button.sidebar-menu-button--workspace {
    cursor: default;
  }
  .sidebar-menu-item--account {
    padding-inline: 0;
  }
  .sidebar-menu-item--account > .sidebar-menu-button--account {
    height: 3rem;
    min-height: 3rem;
    padding: 0.5rem;
  }
  .sidebar-menu-button--static:hover {
    background: transparent;
  }
  .sidebar-menu-button[aria-current="page"] {
    font-weight: 500;
    background: var(--moo-sidebar-accent);
  }
  .sidebar-menu-button--lg {
    height: 3rem;
    padding: 0.5rem;
  }
  .sidebar-menu-button__lead {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
  }
  .sidebar-menu-button__lead [data-icon] {
    width: 0.875rem;
    height: 0.875rem;
  }
  .sidebar-menu-button[aria-current="page"] .sidebar-menu-button__lead [data-icon] {
    color: var(--moo-sidebar-foreground);
  }
  .sidebar-menu-button__text {
    display: grid;
    flex: 1 1 auto;
    min-width: 0;
    line-height: 1.2;
  }
  .sidebar-menu-button__title {
    overflow: hidden;
    font-size: 0.875rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .sidebar-menu-button--lg .sidebar-menu-button__title {
    font-weight: 500;
  }
  .sidebar-menu-button__subtitle {
    overflow: hidden;
    color: var(--moo-muted-foreground);
    font-size: 0.74987rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .sidebar-menu-button__end {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    margin-inline-start: auto;
  }
  .sidebar-menu-button__end [data-icon] {
    width: 0.875rem;
    height: 0.875rem;
    color: var(--moo-muted-foreground);
  }
  .sidebar-menu-button--disclosure[aria-expanded="true"] .sidebar-menu-button__end [data-icon] {
    transform: rotate(90deg);
  }
  .sidebar-menu-button__end [data-icon] {
    transition: transform 0.15s ease;
  }
  .sidebar-menu-sub {
    gap: 0;
    margin: 0;
    margin-inline-start: 0.9375rem;
    padding-inline-start: 0.5rem;
    border-inline-start: var(--bs-border-width) solid var(--moo-border);
    list-style: none;
  }
  .sidebar-menu-sub-button {
    height: 1.75rem;
    font-size: 0.81288rem;
  }
  .sidebar-menu-sub-item {
    position: relative;
  }
  .sidebar-menu-action {
    position: absolute;
    inset-inline-end: 0.25rem;
    inset-block: 0;
    display: flex;
    align-items: center;
    z-index: 1;
  }
  .sidebar-menu-action:has(> [data-popper-placement]) {
    z-index: 2;
  }
  .sidebar-menu-action > button {
    color: var(--moo-muted-foreground);
  }
  .sidebar-menu-action > button:hover {
    color: var(--moo-sidebar-foreground);
  }
  .sidebar-group-action {
    position: absolute;
    z-index: 1;
    top: 0.75rem;
    inset-inline-end: 0.5rem;
  }
  .sidebar-menu-badge {
    position: absolute;
    inset-inline-end: 0.25rem;
    inset-block: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    pointer-events: none;
  }
  .sidebar-menu-item:has(> .sidebar-menu-badge) > .sidebar-menu-button {
    padding-inline-end: 2.5rem;
  }
  .sidebar-menu-sub-item:has(> .sidebar-menu-badge) > .sidebar-menu-button {
    padding-inline-end: 2.5rem;
  }
  .sidebar-menu-item:has(> .sidebar-menu-action) > .sidebar-menu-badge {
    inset-inline-end: 2rem;
  }
  .sidebar-menu-item:has(> .sidebar-menu-action):has(> .sidebar-menu-badge) > .sidebar-menu-button {
    padding-inline-end: 4.5rem;
  }
  .sidebar-brand-mark {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    border-radius: var(--bs-border-radius);
  }
  .sidebar-brand-mark [data-icon] {
    width: 0.875rem;
    height: 0.875rem;
  }
  .sidebar-brand-mark--primary {
    color: var(--moo-sidebar);
    background: var(--moo-sidebar-foreground);
  }
  .sidebar-brand-mark--muted {
    color: var(--moo-sidebar-foreground);
    border: var(--bs-border-width) solid var(--moo-sidebar-border);
    background: var(--moo-sidebar-accent);
  }
  .sidebar-avatar {
    border-radius: var(--bs-border-radius);
  }
  .sidebar-footer .sidebar-account-menu {
    width: auto;
    min-width: var(--moo-dropdown-sidebar-min-width);
    padding: 0.25rem;
    border-radius: var(--bs-border-radius-lg);
    box-shadow: var(--bs-box-shadow);
  }
  .sidebar-account-menu__header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    padding: 0.375rem 0.25rem;
  }
  .sidebar-account-menu__item {
    min-height: 2rem;
    padding: 0.375rem 0.5rem;
    line-height: 1.25;
    border-radius: var(--bs-border-radius);
  }
  .sidebar-account-menu__divider {
    margin: 0.25rem 0;
  }
  .sidebar-account-menu__identity {
    display: grid;
    min-width: 0;
    line-height: 1.2;
  }
  .sidebar-account-menu__name {
    overflow: hidden;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .sidebar-account-menu__email {
    overflow: hidden;
    color: var(--moo-muted-foreground);
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .sidebar-inset {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
    background: var(--bs-body-bg);
  }
  .sidebar-inset__header {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    height: 4rem;
    padding-inline: 1rem;
    border-bottom: var(--bs-border-width) solid var(--bs-border-color);
    background: var(--bs-body-bg);
  }
  .sidebar-inset__content {
    flex: 1 1 auto;
    min-width: 0;
  }
  @media (min-width: 992px) {
    .sidebar-wrapper:has(.sidebar[data-variant="inset"]) {
      background: var(--moo-sidebar);
    }
    .sidebar-wrapper:has(.sidebar[data-variant="inset"]) .sidebar-inset {
      margin: 0.5rem;
      margin-inline-start: 0;
      border-radius: var(--bs-border-radius-xl);
      box-shadow: var(--bs-box-shadow-sm);
    }
    .sidebar-wrapper[data-moo-sidebar-state="collapsed"]:has(.sidebar[data-variant="inset"]) .sidebar-inset {
      margin-inline-start: 0.5rem;
    }
    .sidebar-wrapper:has(.sidebar[data-variant="inset"][data-side="right"]) .sidebar-inset {
      margin-inline-start: 0.5rem;
      margin-inline-end: 0;
    }
    .sidebar-wrapper[data-moo-sidebar-state="collapsed"]:has(.sidebar[data-variant="inset"][data-side="right"]) .sidebar-inset {
      margin-inline-end: 0.5rem;
    }
  }
  .sidebar-rail {
    position: absolute;
    inset-block: 0;
    inset-inline-end: 0;
    z-index: 20;
    width: 1rem;
    padding: 0;
    transform: translateX(50%);
    border: 0;
    background: transparent;
    cursor: pointer;
  }
  [dir="rtl"] .sidebar-rail {
    transform: translateX(-50%);
  }
  .sidebar-rail::after {
    content: "";
    position: absolute;
    inset-block: 0;
    inset-inline-start: 50%;
    width: var(--bs-border-width);
    background: transparent;
    transition: background 0.15s ease;
  }
  .sidebar-rail:hover::after {
    background: var(--moo-sidebar-border);
  }
  @media (min-width: 992px) {
    .sidebar {
      position: relative;
    }
    .sidebar-wrapper[data-moo-sidebar-state="collapsed"] .sidebar[data-collapsible="icon"] {
      flex-basis: var(--moo-sidebar-width-icon);
      width: var(--moo-sidebar-width-icon);
    }
    .sidebar-wrapper[data-moo-sidebar-state="collapsed"] .sidebar-inset {
      position: relative;
      z-index: 0;
    }
    [data-moo-sidebar-state="collapsed"] .sidebar[data-collapsible="icon"] .sidebar-group-label,
[data-moo-sidebar-state="collapsed"] .sidebar[data-collapsible="icon"] .sidebar-menu-button__text,
[data-moo-sidebar-state="collapsed"] .sidebar[data-collapsible="icon"] .sidebar-menu-button__subtitle,
[data-moo-sidebar-state="collapsed"] .sidebar[data-collapsible="icon"] .sidebar-menu-button__end {
      display: none;
    }
    [data-moo-sidebar-state="collapsed"] .sidebar[data-collapsible="icon"] .sidebar-menu-sub,
[data-moo-sidebar-state="collapsed"] .sidebar[data-collapsible="icon"] .sidebar-menu-action,
[data-moo-sidebar-state="collapsed"] .sidebar[data-collapsible="icon"] .sidebar-group-action,
[data-moo-sidebar-state="collapsed"] .sidebar[data-collapsible="icon"] .sidebar-menu-badge {
      display: none !important;
    }
    [data-moo-sidebar-state="collapsed"] .sidebar[data-collapsible="icon"]:has(.sidebar-menu-button[data-bs-toggle="dropdown"][aria-expanded="true"]) {
      z-index: 1000;
    }
    .sidebar-menu-flyout {
      position: fixed;
      z-index: 1000;
      inset-block-start: var(--moo-sidebar-flyout-block-start);
      inset-inline-start: var(--moo-sidebar-flyout-inline-start);
      display: flex;
      flex-direction: column;
      min-width: 10rem;
      max-width: 14rem;
      margin: 0;
      padding: 0.25rem;
      list-style: none;
      border: var(--bs-border-width) solid var(--moo-border);
      border-radius: var(--bs-border-radius-lg);
      background: var(--moo-surface);
      box-shadow: var(--bs-box-shadow);
    }
    .sidebar-menu-flyout .sidebar-menu-sub-item {
      position: relative;
    }
    .sidebar-menu-flyout .sidebar-menu-button {
      justify-content: flex-start;
      height: 2rem;
      padding-inline: 0.5rem;
    }
    .sidebar-menu-flyout .sidebar-menu-button__text {
      display: grid;
    }
    .sidebar-menu-flyout .sidebar-menu-badge {
      display: flex !important;
    }
    [data-moo-sidebar-state="collapsed"] .sidebar[data-collapsible="icon"] .sidebar-menu-button {
      justify-content: center;
      padding-inline: 0;
    }
    [data-moo-sidebar-state="collapsed"] .sidebar[data-collapsible="icon"] .sidebar-menu-button--workspace:hover {
      background: transparent;
    }
    [data-moo-sidebar-state="collapsed"] .sidebar[data-collapsible="icon"] .sidebar-menu-button--workspace[aria-expanded="true"] {
      background: transparent;
      outline: 0;
      box-shadow: none;
    }
    [data-moo-sidebar-state="collapsed"] .sidebar[data-collapsible="icon"] .sidebar-menu-button--workspace:focus-visible {
      background: transparent;
      outline: 0;
      box-shadow: none;
    }
    [data-moo-sidebar-state="collapsed"] .sidebar[data-collapsible="icon"] .sidebar-menu-item--account > .sidebar-menu-button--account {
      padding: 0;
      overflow: visible;
    }
    [data-moo-sidebar-state="collapsed"] .sidebar[data-collapsible="icon"] .sidebar-menu-item--account > .sidebar-menu-button--account:hover {
      background: transparent;
    }
    [data-moo-sidebar-state="collapsed"] .sidebar[data-collapsible="icon"] .sidebar-menu-item--account > .sidebar-menu-button--account[aria-expanded="true"] {
      background: transparent;
      outline: 0;
      box-shadow: none;
    }
    [data-moo-sidebar-state="collapsed"] .sidebar[data-collapsible="icon"] .sidebar-menu-item--account > .sidebar-menu-button--account:focus-visible {
      background: transparent;
      outline: 0;
      box-shadow: none;
    }
    [data-moo-sidebar-state="collapsed"] .sidebar[data-collapsible="icon"] .sidebar-menu-button--lg {
      height: 2rem;
      padding: 0;
    }
    [data-moo-sidebar-state="collapsed"] .sidebar[data-collapsible="icon"] .sidebar-menu-skeleton {
      justify-content: center;
    }
    [data-moo-sidebar-state="collapsed"] .sidebar[data-collapsible="icon"] .sidebar-menu-skeleton__line {
      display: none;
    }
  }
  @media (max-width: 991.98px) {
    .sidebar-rail {
      display: none;
    }
    .sidebar-wrapper--contained {
      flex-direction: column;
      height: auto;
      min-height: 34rem;
      overflow: visible;
    }
    .sidebar-wrapper--contained .sidebar {
      position: relative;
      inset: auto;
      flex: 0 0 auto;
      width: 100%;
      height: auto;
      visibility: visible;
      transform: none;
    }
    .sidebar-wrapper--contained .sidebar-inner {
      height: auto;
      max-height: none;
    }
  }
  .alert {
    --bs-alert-border-color: var(--moo-border);
    --bs-alert-color: var(--moo-foreground);
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
  }
  .alert-danger {
    --bs-alert-bg: transparent;
    --bs-alert-border-color: var(--moo-border);
    --bs-alert-color: var(--moo-destructive);
  }
  .alert-icon {
    display: flex;
    flex: 0 0 auto;
    margin-top: 0.125rem;
  }
  .alert-icon [data-icon] {
    width: 1rem;
    height: 1rem;
  }
  .alert-body {
    flex: 1 1 auto;
    min-width: 0;
  }
  .alert-heading {
    margin-bottom: 0.25rem;
    font-size: 0.875rem;
    font-weight: 600;
  }
  .alert-action {
    flex: 0 0 auto;
  }
  .breadcrumb {
    --bs-breadcrumb-item-active-color: var(--moo-foreground);
  }
  :dir(rtl) .breadcrumb {
    --bs-breadcrumb-divider: "<";
  }
  :dir(rtl) .breadcrumb-item + .breadcrumb-item {
    padding-right: var(--bs-breadcrumb-item-padding-x);
    padding-left: 0;
  }
  :dir(rtl) .breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-right: 0;
    padding-left: var(--bs-breadcrumb-item-padding-x);
  }
  .breadcrumb-item a {
    color: var(--moo-muted-foreground);
    text-decoration: none;
    transition: color 0.15s ease;
  }
  .breadcrumb-item a:hover {
    color: var(--moo-foreground);
    text-decoration: none;
  }
  .breadcrumb-ellipsis {
    display: inline-flex;
    align-items: center;
    color: var(--moo-muted-foreground);
  }
  .breadcrumb-ellipsis [data-icon] {
    width: 1rem;
    height: 1rem;
  }
  .breadcrumb-dropdown-item {
    display: inline-flex;
    align-items: center;
  }
  .breadcrumb-dropdown-item button {
    padding: 0;
    border: 0;
    background-color: transparent;
    color: var(--moo-muted-foreground);
    text-decoration: none;
  }
  .breadcrumb-dropdown-item button:hover,
.breadcrumb-dropdown-item button:focus {
    color: var(--moo-foreground);
  }
  .page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    min-width: calc( 1em * var(--bs-body-line-height, 1.5) + var(--bs-pagination-padding-y) * 2 + var(--bs-pagination-border-width) * 2);
    min-height: calc( 1em * var(--bs-body-line-height, 1.5) + var(--bs-pagination-padding-y) * 2 + var(--bs-pagination-border-width) * 2);
  }
  .page-link [data-icon] {
    width: 1rem;
    height: 1rem;
  }
  .page-item.disabled {
    opacity: var(--moo-disabled-control-opacity);
  }
  .progress {
    --bs-progress-bar-bg: var(--moo-foreground);
  }
  hr {
    opacity: 1;
    border-top: var(--bs-border-width) solid var(--moo-border);
  }
  .vr {
    opacity: 1;
    background-color: var(--moo-border);
  }
  [data-bs-theme="dark"] .form-check-input:checked {
    filter: invert(1);
  }
  .form-check-input[type="checkbox"]:focus:active,
.form-check-input[type="checkbox"]:focus:not(:focus-visible) {
    border-color: var(--bs-border-color);
    box-shadow: none;
  }
  .form-check-input[type="checkbox"]:checked:focus:active,
.form-check-input[type="checkbox"]:checked:focus:not(:focus-visible) {
    border-color: #171717;
  }
  .form-check-input[type="checkbox"]:indeterminate:focus:active,
.form-check-input[type="checkbox"]:indeterminate:focus:not(:focus-visible) {
    border-color: #171717;
  }
  .radio-group legend.form-label {
    font-size: inherit;
  }
  .form-switch .form-check-input {
    height: 1.15rem;
  }
  .form-switch .form-check-input:focus:active:not(:checked),
.form-switch .form-check-input:focus:not(:focus-visible):not(:checked) {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%2810, 10, 10, 0.25%29'/%3e%3c/svg%3e");
  }
  .spinner [data-icon] {
    width: 1rem;
    height: 1rem;
    animation: moo-spinner-rotate 0.75s linear infinite;
  }
  .spinner-sm [data-icon] {
    width: 0.75rem;
    height: 0.75rem;
  }
  .accordion-button::after {
    content: none;
  }
  .accordion-button [data-icon] {
    position: absolute;
    inset-inline-end: var(--bs-accordion-btn-padding-x);
    top: 50%;
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    pointer-events: none;
    transform: translateY(-50%);
    transition: transform 0.2s ease-in-out;
    transform-origin: center;
  }
  .accordion-button:not(.collapsed) [data-icon] {
    transform: translateY(-50%) rotate(-180deg);
  }
  .accordion-flush .accordion-button {
    text-align: start;
  }
  .accordion-button:hover {
    text-decoration: underline;
  }
  .accordion-button:disabled {
    color: var(--moo-disabled-foreground);
    opacity: var(--moo-disabled-control-opacity);
    pointer-events: none;
  }
  .accordion-button:disabled:hover {
    text-decoration: none;
  }
  .accordion-flush {
    --bs-accordion-btn-padding-x: 0;
    --bs-accordion-btn-padding-y: 0.625rem;
    --bs-accordion-body-padding-x: 0;
    --bs-accordion-body-padding-y: 0.625rem;
  }
  .accordion-flush .accordion-button {
    font-weight: 500;
  }
  .tabs-list {
    display: inline-flex;
    gap: 0.125rem;
    padding: 0.1875rem;
    background-color: var(--moo-muted-surface);
    border-radius: var(--bs-border-radius-lg);
  }
  .tabs-list .nav-link {
    padding: 0.125rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--bs-secondary-text-emphasis);
    border-radius: var(--bs-border-radius);
    transition: all 0.2s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .tabs-list .nav-link {
      transition: none;
    }
  }
  .tabs-list .nav-link:hover {
    color: var(--moo-foreground);
  }
  .tabs-list .nav-link.active {
    color: var(--moo-foreground);
    background-color: var(--moo-surface);
    box-shadow: var(--bs-box-shadow-sm);
  }
  .tabs-list .nav-link:disabled,
.tabs-list .nav-link.disabled {
    color: var(--moo-disabled-foreground);
    opacity: var(--moo-disabled-control-opacity);
    pointer-events: none;
  }
  .tab-content {
    display: grid;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-top: 0.75rem;
  }
  .tab-content > .tab-pane {
    grid-area: 1 / 1;
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    opacity: 0;
    transform: translateY(0.25rem);
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.16s ease, transform 0.16s ease, visibility 0s linear 0.16s;
  }
  .tab-content > .active {
    opacity: 1;
    transform: none;
    visibility: visible;
    pointer-events: auto;
    transition-delay: 0s;
  }
  .collapsible {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .collapsible-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-inline: 0.5rem;
    gap: 0.5rem;
  }
  .collapsible-title {
    margin-bottom: 0;
    font-size: 0.76562rem;
    font-weight: 500;
    color: var(--moo-foreground);
  }
  .collapsible .btn[data-bs-toggle='collapse'] {
    color: var(--moo-muted-foreground);
    line-height: 1;
  }
  .collapsible .btn[data-bs-toggle='collapse'] [data-icon] {
    width: 0.875rem;
    height: 0.875rem;
  }
  .collapsible-content {
    padding: 0.5rem 0.75rem;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    font-size: 0.76562rem;
    color: var(--moo-muted-foreground);
    width: 100%;
  }
  .tooltip {
    --bs-tooltip-max-width: 20rem;
    --bs-tooltip-padding-x: 0.75rem;
    --bs-tooltip-padding-y: 0.375rem;
    --bs-tooltip-font-size: 0.75rem;
    --bs-tooltip-opacity: 1;
    line-height: 1.333;
  }
  .tooltip-trigger {
    color: var(--moo-foreground);
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-color: var(--moo-muted-foreground);
    text-underline-offset: 0.2em;
  }
  .tooltip-kbd {
    padding: 0.125rem 0.375rem;
    font-size: 0.75rem;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: var(--bs-border-radius-sm);
  }
  .popover {
    --bs-popover-border-radius: var(--bs-border-radius-lg);
    --bs-popover-border-color: var(--moo-border);
    --bs-popover-header-bg: var(--bs-popover-bg);
    --bs-popover-header-color: var(--bs-popover-body-color);
    --bs-popover-header-padding-x: 0.625rem;
    --bs-popover-header-padding-y: 0.625rem;
    --bs-popover-body-padding-x: 0.625rem;
    --bs-popover-body-padding-y: 0.625rem;
    --bs-popover-font-size: 0.875rem;
    line-height: 1.43;
    --bs-popover-max-width: 20rem;
    width: 20rem;
    box-shadow: var(--bs-box-shadow-lg);
  }
  .popover-header {
    padding-bottom: 0;
    border-bottom: 0;
    font-weight: 500;
  }
  .popover .popover-arrow {
    display: none;
  }
  .modal {
    --bs-modal-border-radius: var(--bs-border-radius-xl);
    --bs-modal-border-color: var(--moo-border);
    --bs-modal-header-border-width: 0;
    --bs-modal-footer-border-color: var(--moo-border);
    --bs-modal-title-line-height: 1;
  }
  .modal[tabindex]:focus-visible {
    outline: none;
  }
  .modal-content {
    box-shadow: var(--bs-box-shadow-lg);
  }
  .modal-title {
    font-size: 1rem;
    font-weight: 500;
  }
  .modal-header {
    gap: calc(var(--bs-modal-padding) * 0.75);
  }
  .modal--alert {
    --bs-modal-width: 24rem;
    --bs-modal-padding: 1rem;
  }
  .modal-header--alert {
    align-items: flex-start;
    padding: var(--bs-modal-padding);
  }
  .modal-header__content {
    min-width: 0;
  }
  .modal-description {
    margin-top: calc(var(--bs-modal-padding) * 0.375);
    margin-bottom: 0;
    color: var(--bs-secondary-color);
  }
  .modal--alert .modal-footer {
    padding: var(--bs-modal-padding);
  }
  .modal-footer {
    padding: 1rem;
  }
  .offcanvas.sheet {
    --bs-offcanvas-width: 24rem;
    --bs-offcanvas-border-color: var(--moo-border);
    box-shadow: var(--bs-box-shadow-lg);
  }
  .offcanvas.sheet[tabindex]:focus-visible {
    outline: none;
    box-shadow: var(--bs-box-shadow-lg);
  }
  .offcanvas.sheet .offcanvas-title {
    font-size: 1rem;
    font-weight: 500;
  }
  .toast {
    --bs-toast-border-radius: var(--bs-border-radius-lg);
    --bs-toast-border-color: var(--moo-border);
    --bs-toast-box-shadow: var(--bs-box-shadow-lg);
    --bs-toast-padding-x: 1rem;
  }
  .toast-header strong {
    font-weight: 500;
  }
  .field {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .field > .form-label {
    margin-bottom: 0;
    font-weight: 500;
  }
  .field:has(> .is-invalid) > .form-label {
    color: var(--bs-form-invalid-color);
  }
  .field-description,
.field-error {
    margin-top: 0;
    font-size: 0.875rem;
  }
  .field-group {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }
  .field-group > hr {
    margin-block: 0;
  }
  .field-form {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }
  .field-legend {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0.375rem;
  }
  .field-fieldset > * + * {
    margin-top: 1rem;
  }
  .field-fieldset > .field-legend + .field-description {
    margin-top: 0;
  }
  .field-fieldset + .field-fieldset {
    margin-top: 1.25rem;
  }
  .field-form > .field-fieldset + .field-fieldset {
    margin-top: 0;
  }
  .field-fieldset + hr {
    opacity: 0.1;
  }
  .combobox {
    --moo-combobox-width: 12.5rem;
    --moo-combobox-multiple-width: 20rem;
    --moo-combobox-menu-max-height: 16rem;
    --moo-combobox-option-line-height: 1.25rem;
    --moo-combobox-description-font-size: 0.75rem;
    width: 100%;
    max-width: var(--moo-combobox-width);
  }
  .combobox--multiple {
    max-width: var(--moo-combobox-multiple-width);
  }
  .combobox-control {
    position: relative;
    width: 100%;
  }
  .combobox-control:has(.combobox-input:disabled) {
    opacity: var(--moo-disabled-control-opacity);
  }
  .combobox-control:has(.combobox-input:disabled) .combobox-input:disabled {
    opacity: 1;
  }
  .combobox-input {
    padding-inline-end: calc(0.625rem + 2rem);
  }
  .combobox-input.is-invalid {
    padding-inline-end: calc(0.625rem + 2rem);
    background-image: none;
  }
  .combobox-indicator {
    position: absolute;
    inset-block: 0;
    inset-inline-end: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    color: var(--bs-secondary-color);
    pointer-events: none;
  }
  .combobox-indicator > [data-icon] {
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
  }
  .combobox-clear {
    position: absolute;
    inset-block: 0;
    inset-inline-end: 0;
    display: flex;
    width: 2rem;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--bs-secondary-color);
    cursor: pointer;
  }
  .combobox-clear:hover,
.combobox-clear:focus-visible {
    color: var(--bs-body-color);
  }
  .combobox-clear > [data-icon] {
    width: 0.875em;
    height: 0.875em;
    flex: 0 0 auto;
  }
  .combobox-chips {
    display: flex;
    min-height: 2rem;
    align-items: center;
    gap: 0.25rem;
    flex-wrap: wrap;
    padding-block: 0.25rem;
    padding-inline: 0.625rem;
    cursor: text;
  }
  .combobox-chips:focus-within {
    border-color: #8b8b8b;
    box-shadow: 0 0 0 2px rgba(23, 23, 23, 0.25);
  }
  .combobox-value {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.25rem;
    flex-wrap: wrap;
  }
  .combobox-chip {
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    gap: 0.25rem;
    cursor: default;
  }
  .combobox-chip__label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .combobox-chip__remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: var(--bs-border-radius-pill);
    background: transparent;
    color: inherit;
    cursor: pointer;
    opacity: 0.65;
  }
  .combobox-chip__remove:hover,
.combobox-chip__remove:focus-visible {
    opacity: 1;
  }
  .combobox-chip__remove > [data-icon] {
    width: 0.875rem;
    height: 0.875rem;
    flex: 0 0 auto;
  }
  .combobox-chips-input {
    min-width: 5rem;
    flex: 1 1 5rem;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: inherit;
  }
  .combobox-chips-input::placeholder {
    color: var(--bs-tertiary-color);
  }
  .combobox-menu {
    position: absolute;
    inset-block-start: calc(100% + 0.125rem);
    inset-inline-start: 0;
    z-index: 1000;
    width: max-content;
    min-width: 100%;
    max-width: calc(100vw - 1rem);
    max-height: var(--moo-combobox-menu-max-height);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: none;
  }
  .combobox-menu::-webkit-scrollbar {
    display: none;
  }
  .combobox-option {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-inline-end: 2rem;
    line-height: var(--moo-combobox-option-line-height);
  }
  .combobox-option__content {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
  }
  .combobox-option[aria-current="true"] {
    background-color: var(--bs-dropdown-link-hover-bg);
  }
  .combobox-option[aria-selected="true"] {
    font-weight: 500;
  }
  .combobox-option__label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .combobox--custom-items .combobox-option__label {
    font-weight: 500;
  }
  .combobox-option__description {
    min-width: 0;
    overflow: hidden;
    color: var(--bs-secondary-color);
    font-size: var(--moo-combobox-description-font-size);
    line-height: 1.5;
    text-overflow: ellipsis;
  }
  .combobox-option__check {
    display: inline-flex;
    flex: 0 0 auto;
    margin-inline-start: auto;
    visibility: hidden;
  }
  .combobox-option[aria-selected="true"] .combobox-option__check {
    visibility: visible;
  }
  .combobox-option__check > [data-icon] {
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
  }
  .combobox-group-label {
    padding: 0.375rem 0.5rem;
    font-size: var(--moo-combobox-description-font-size);
    font-weight: 400;
    line-height: 1rem;
  }
  .combobox-empty {
    padding: 0.25rem 0.375rem;
    color: var(--bs-secondary-color);
    text-align: center;
  }
  .context-menu {
    position: relative;
  }
  .context-menu-trigger:not([data-context-menu-fallback]) {
    cursor: default;
  }
  .context-menu-trigger[data-context-menu-fallback] {
    position: absolute;
    inset-block-start: 0.5rem;
    inset-inline-end: 0.5rem;
  }
  ul.context-menu-menu:focus-visible {
    outline: 0;
  }
  .datatable {
    --moo-datatable-min-width: 48rem;
    --moo-datatable-card-label-width: 7rem;
    --moo-datatable-frame-header-min-height: 2.78125rem;
    --moo-datatable-select-cell-inset: 0.89062rem;
    --moo-datatable-table-select-all-offset-y: 0.04688rem;
    --moo-datatable-toolbar-control-height: calc(2rem + var(--bs-border-width) * 2);
    --moo-datatable-search-filter-menu-width: 12.5rem;
    --moo-datatable-search-filter-options-menu-width: 17rem;
    --moo-datatable-scrollbar-size: 0.375rem;
  }
  .datatable-table {
    table-layout: fixed;
  }
  .datatable--responsive-scroll .datatable-table,
.datatable--responsive-toggle .datatable-table {
    min-width: var(--moo-datatable-min-width);
  }
  .datatable--responsive-toggle[data-datatable-view="table"] .datatable-card-frame {
    display: none;
  }
  .datatable--responsive-toggle[data-datatable-view="cards"] .datatable-frame {
    display: none;
  }
  .datatable-frame {
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    overflow: hidden;
  }
  .datatable-card-frame {
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    overflow: hidden;
  }
  .datatable-frame:has(.table-row-actions .dropdown-menu.show),
.datatable-frame .table-responsive:has(.table-row-actions .dropdown-menu.show) {
    overflow: visible;
  }
  .datatable-frame-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.625rem;
    min-block-size: var(--moo-datatable-frame-header-min-height);
    padding-block: 0.375rem;
    padding-inline-start: var(--moo-datatable-select-cell-inset);
    padding-inline-end: 0.5rem;
    border-bottom: var(--bs-border-width) solid var(--bs-border-color);
    background-color: var(--bs-body-bg);
  }
  .datatable-frame .table-responsive {
    position: relative;
    margin-bottom: 0;
  }
  .datatable-frame .datatable-table {
    margin-bottom: 0;
  }
  .datatable-table > :not(caption) > * > * {
    vertical-align: middle;
  }
  .datatable-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .datatable-toolbar-actions {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-inline-start: auto;
  }
  .datatable-toolbar-query {
    display: flex;
    flex: 0 1 22rem;
    gap: 0.5rem;
    align-items: center;
    min-width: 20rem;
    max-width: 100%;
  }
  .datatable-search-filter {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
  }
  .datatable-searchbar {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    align-items: center;
    min-block-size: var(--moo-datatable-toolbar-control-height);
    width: 100%;
  }
  .datatable-searchbar .datatable-search {
    flex: 1 1 auto;
    max-width: none;
    min-width: 0;
    width: 1%;
    padding-inline-start: 2rem;
  }
  .datatable-search-icon {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0.625rem;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--bs-secondary-color);
    pointer-events: none;
    transform: translateY(-50%);
  }
  .datatable-search-icon > [data-icon] {
    width: 0.875rem;
    height: 0.875rem;
  }
  .datatable-filter-picker-trigger {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    inline-size: 2rem;
    block-size: 2rem;
    padding: 0;
    margin-inline-end: 0;
    border-radius: var(--bs-border-radius-sm);
    gap: 0;
  }
  .btn.datatable-filter-picker-trigger:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none;
  }
  .btn.datatable-filter-picker-trigger:focus-visible {
    z-index: 3;
    outline: var(--bs-focus-ring-width) solid var(--moo-ring);
    outline-offset: 0;
    box-shadow: none;
  }
  .input-group > .btn-ghost.datatable-filter-picker-trigger:focus-visible::before {
    opacity: 1;
  }
  .datatable-filter-picker-trigger > [data-icon] {
    width: 0.875rem;
    height: 0.875rem;
    margin: 0;
  }
  .datatable-search-filter-menu {
    --bs-dropdown-border-radius: var(--bs-border-radius);
    width: var(--moo-datatable-search-filter-menu-width);
    max-width: calc(100vw - 1.5rem);
    max-height: calc(100vh - 8rem);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .datatable-search-filter-menu[data-datatable-filter-menu-panel="options"] {
    width: var(--moo-datatable-search-filter-options-menu-width);
  }
  .datatable-facet-menu {
    --bs-dropdown-border-radius: var(--bs-border-radius);
    min-width: 12.5rem;
  }
  .datatable-filter-panel {
    min-width: 0;
  }
  .datatable-facet-options,
.datatable-filter-options {
    max-height: 20rem;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    list-style: none;
  }
  .datatable-search-filter-menu .dropdown-header {
    padding-block: 0.125rem 0.375rem;
    padding-inline: 0.5rem;
    color: var(--bs-secondary-color);
    font-size: 0.76562rem;
    font-weight: 600;
    line-height: 1.25rem;
  }
  .datatable-search-filter-menu .dropdown-item,
.datatable-facet-menu .dropdown-item {
    min-height: 2rem;
    padding-block: 0.375rem;
    padding-inline: 0.5rem;
    border-radius: var(--bs-border-radius-sm);
    gap: 0.5rem;
    cursor: default;
    line-height: 1.25rem;
  }
  .datatable-search-filter-menu .dropdown-item.active,
.datatable-facet-menu .dropdown-item.active {
    color: var(--bs-dropdown-link-color);
    background-color: transparent;
  }
  .datatable-search-filter-menu .dropdown-item:hover,
.datatable-search-filter-menu .dropdown-item:focus-visible,
.datatable-facet-menu .dropdown-item:hover,
.datatable-facet-menu .dropdown-item:focus-visible {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg);
    outline: 0;
    box-shadow: none;
  }
  .datatable-search-filter-menu .dropdown-item:focus:not(:focus-visible, :hover),
.datatable-facet-menu .dropdown-item:focus:not(:focus-visible, :hover) {
    color: var(--bs-dropdown-link-color);
    background-color: transparent;
    outline: 0;
    box-shadow: none;
  }
  .datatable-filter-group,
.datatable-filter-panel-back {
    gap: 0.5rem;
  }
  .datatable-filter-group {
    justify-content: flex-start;
  }
  .datatable-filter-group-summary {
    color: var(--bs-secondary-color);
    font-size: 0.76562rem;
    font-weight: var(--bs-body-font-weight);
    font-variant-numeric: tabular-nums;
  }
  .datatable-filter-group > [data-icon],
.datatable-filter-panel-back > [data-icon] {
    width: 0.875rem;
    height: 0.875rem;
    color: var(--bs-secondary-color);
  }
  .datatable-filter-panel-back {
    color: var(--bs-secondary-color);
    font-weight: var(--bs-body-font-weight);
  }
  .datatable-filter-panel-back span {
    color: var(--bs-body-color);
  }
  .datatable-filter-picker-item .text-body-secondary,
.datatable-facet-item .text-body-secondary {
    flex: 0 0 auto;
    font-variant-numeric: tabular-nums;
  }
  .datatable-filter-picker-item > [data-datatable-filter-option-label],
.datatable-facet-item > [data-datatable-facet-option-label] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .datatable-filter-option-search-wrap,
.datatable-facet-search-wrap {
    position: relative;
    display: flex;
    min-height: 2.25rem;
    align-items: center;
    gap: 0.5rem;
    padding: 0 0.75rem;
  }
  .datatable-filter-option-search-wrap::after,
.datatable-facet-search-wrap::after {
    position: absolute;
    inset-inline: calc(-1 * var(--bs-dropdown-padding-x, 0));
    inset-block-end: 0;
    border-bottom: var(--bs-border-width) solid var(--bs-border-color);
    content: "";
  }
  .datatable-dropdown-search-icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    color: var(--bs-secondary-color);
  }
  .datatable-dropdown-search-icon > [data-icon] {
    width: 0.875rem;
    height: 0.875rem;
  }
  .datatable-filter-option-search,
.datatable-facet-search {
    flex: 1 1 auto;
    min-width: 0;
    height: 2.25rem;
    min-height: 2.25rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    color: var(--bs-body-color);
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .datatable-filter-option-search::placeholder,
.datatable-facet-search::placeholder {
    color: var(--bs-secondary-color);
  }
  .datatable-filter-option-search:focus,
.datatable-facet-search:focus {
    border-color: transparent;
    background-color: transparent;
    box-shadow: none;
    outline: 0;
  }
  .datatable-filter-option-search-hidden,
.datatable-facet-search-hidden {
    display: none;
  }
  .datatable-toolbar-filters {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
  }
  .datatable-layout-switch {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
  }
  .datatable-view-option {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    min-block-size: var(--moo-datatable-toolbar-control-height);
    min-width: 2rem;
    padding-inline: 0.5rem;
  }
  .datatable .datatable-layout-switch .btn-group-sm > .btn.datatable-view-option:has(> [data-icon="inline-start"]) {
    padding-inline: 0.5rem;
  }
  .datatable-view-option > [data-icon] {
    width: 1rem;
    height: 1rem;
  }
  .datatable-view-toggle .btn-check:checked + .datatable-view-option {
    border-color: var(--moo-border);
    color: var(--bs-body-color);
    background-color: var(--moo-muted-surface);
  }
  .datatable-view-trigger {
    min-block-size: var(--moo-datatable-toolbar-control-height);
  }
  .datatable .datatable-toolbar-actions .btn.btn-sm.datatable-view-trigger:has(> [data-icon="inline-start"]), .datatable .datatable-toolbar-actions .btn-group-sm > .btn.datatable-view-trigger:has(> [data-icon="inline-start"]) {
    padding-inline: 0.625rem;
  }
  .datatable-select-all {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    margin: 0;
    padding-inline-start: 0;
    color: var(--bs-secondary-color);
    white-space: nowrap;
  }
  .datatable-select-all .form-check-input {
    float: none;
    margin: 0;
  }
  .datatable-select-all-table {
    transform: translateY(var(--moo-datatable-table-select-all-offset-y));
  }
  .datatable-checkbox-target {
    position: relative;
    display: grid;
    width: 1rem;
    height: 1rem;
    min-height: 1rem;
    padding-inline-start: 0;
    margin: 0;
    place-items: center;
    cursor: pointer;
  }
  .datatable-checkbox-target::before {
    position: absolute;
    inset: -0.5625rem;
    border-radius: var(--bs-border-radius);
    content: "";
  }
  .datatable-checkbox-target .form-check-input {
    position: relative;
    z-index: 1;
    float: none;
    margin: 0;
  }
  @media (pointer: coarse) {
    .datatable-checkbox-target::before {
      inset: -0.8125rem;
    }
  }
  .datatable-table > :not(caption) > * > .datatable-col-select {
    width: 2.75rem;
    padding-inline-start: var(--moo-datatable-select-cell-inset);
    padding-inline-end: 0.5rem;
    white-space: nowrap;
  }
  .datatable-col-hidden {
    display: none;
  }
  .datatable-item-cell {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.5rem;
  }
  .datatable-item-cell > .text-truncate {
    flex: 1 1 auto;
    min-width: 0;
  }
  .datatable-item-cell > .badge {
    flex: 0 0 auto;
  }
  .datatable-icon-label {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
  }
  .datatable-sort-trigger {
    margin-inline-start: calc(-1 * var(--bs-btn-padding-x, 0.5rem));
    gap: 0.5rem;
  }
  .datatable-sort-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .datatable-sort-icon-asc,
.datatable-sort-icon-desc {
    display: none;
  }
  .datatable-sort-icon > [data-icon],
.datatable-icon-label > [data-icon] {
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
    margin: 0;
  }
  [data-datatable-sort-direction="asc"] .datatable-sort-icon-none,
[data-datatable-sort-direction="desc"] .datatable-sort-icon-none {
    display: none;
  }
  [data-datatable-sort-direction="asc"] .datatable-sort-icon-asc {
    display: inline-flex;
  }
  [data-datatable-sort-direction="desc"] .datatable-sort-icon-desc {
    display: inline-flex;
  }
  .datatable-cards {
    --moo-datatable-card-min-width: 20rem;
    display: grid;
    gap: 0.625rem;
    grid-template-columns: repeat(auto-fill, minmax(var(--moo-datatable-card-min-width), 1fr));
    padding: 0.625rem;
  }
  .datatable-card {
    position: relative;
    overflow: hidden;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    background-color: var(--bs-body-bg);
  }
  .datatable-card-frame:has(.datatable-card .dropdown-menu.show),
.datatable-card:has(.dropdown-menu.show) {
    overflow: visible;
  }
  .datatable-card:has(.dropdown-menu.show) {
    z-index: 2;
  }
  .datatable-card-header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.5rem 0.75rem;
    border-bottom: var(--bs-border-width) solid var(--bs-border-color);
    background-color: var(--bs-tertiary-bg);
  }
  .datatable-card-select {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .datatable-card-select .form-check-input {
    margin: 0;
  }
  .datatable-card-heading {
    min-width: 0;
  }
  .datatable-card-title {
    overflow: hidden;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .datatable-card-code {
    overflow: hidden;
    color: var(--bs-secondary-color);
    font-family: var(--bs-font-monospace);
    font-size: var(--bs-body-font-size);
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .datatable-card-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
  }
  .datatable-card-actions .btn {
    min-width: 2rem;
    min-height: 2rem;
    padding: 0.25rem;
  }
  .datatable-card-list {
    margin: 0;
  }
  .datatable-card-row {
    display: grid;
    grid-template-columns: minmax(var(--moo-datatable-card-label-width), 30%) minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
    padding: 0.375rem 0.875rem;
  }
  .datatable-card-row.datatable-col-hidden {
    display: none;
  }
  .datatable-card-row:first-child {
    padding-top: 0.875rem;
  }
  .datatable-card-row:last-child {
    padding-bottom: 0.875rem;
  }
  .datatable-card-row dt,
.datatable-card-row dd {
    min-width: 0;
    margin: 0;
  }
  .datatable-card-row dt {
    font-weight: var(--bs-body-font-weight);
    color: var(--bs-secondary-color);
  }
  .datatable-card-value {
    display: flex;
    min-width: 0;
    justify-content: flex-start;
    text-align: start;
  }
  .datatable-card-value .datatable-item-cell {
    justify-content: flex-start;
  }
  .datatable-card-value .datatable-item-cell > .text-truncate {
    flex: 0 1 auto;
  }
  .datatable-row-selected > td {
    background-color: var(--moo-muted-surface);
  }
  .datatable-card.datatable-row-selected {
    border-color: var(--moo-border);
    background-color: var(--moo-muted-surface);
  }
  .datatable-empty {
    padding: 2rem 1rem;
    border-width: var(--bs-border-width);
    border-style: dashed;
    border-color: var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    text-align: center;
  }
  .datatable-empty-title {
    font-weight: var(--bs-font-weight-semibold, 600);
  }
  .datatable-pagination {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 0.75rem 1rem;
  }
  .datatable-page-size {
    justify-self: start;
  }
  .datatable-page-size-trigger {
    min-width: 3.25rem;
    justify-content: space-between;
  }
  .datatable-page-size-menu {
    min-width: 4rem;
  }
  .datatable-results-summary {
    justify-self: center;
    text-align: center;
    white-space: nowrap;
  }
  .datatable-page-nav {
    max-width: 100%;
    justify-self: end;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .datatable-page-nav .pagination {
    flex-wrap: nowrap;
    justify-content: flex-end;
    min-width: max-content;
  }
  .datatable-card-row--selection .form-check-input {
    margin: 0;
  }
  .datatable-facet-item__indicator {
    --moo-datatable-facet-item-border-radius: 0.25em;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--moo-datatable-facet-item-border-radius);
    color: transparent;
  }
  .datatable-facet-item.active .datatable-facet-item__indicator {
    background-color: var(--moo-foreground);
    border-color: var(--moo-foreground);
    color: var(--moo-surface);
  }
  .datatable-facet-item__indicator > [data-icon] {
    width: 0.75rem;
    height: 0.75rem;
  }
  .datatable-facet-trigger {
    --bs-btn-active-bg: var(--bs-body-bg);
    --bs-btn-active-border-color: var(--bs-border-color);
    --bs-btn-active-color: var(--bs-body-color);
    --bs-btn-border-color: var(--bs-border-color);
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-font-size: 0.8rem;
    --bs-btn-hover-bg: var(--moo-muted-surface);
    --bs-btn-hover-border-color: var(--bs-border-color);
    --bs-btn-hover-color: var(--bs-body-color);
    --bs-btn-line-height: 1.25rem;
    --bs-btn-padding-x: 0.625rem;
    --bs-btn-padding-y: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    min-height: 2rem;
    border-style: dashed;
    color: var(--bs-secondary-color);
  }
  .datatable-facet-trigger:hover,
.datatable-facet-trigger:focus,
.datatable-facet-trigger:focus-visible,
.datatable-facet-trigger:active,
.datatable-facet-trigger.show {
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
  }
  .btn.datatable-facet-trigger:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none;
  }
  .btn.datatable-facet-trigger:focus-visible,
.btn.datatable-facet-trigger.show:focus-visible,
.btn.datatable-facet-trigger-active:focus-visible {
    box-shadow: none;
  }
  .datatable-facet-trigger-active {
    border-style: dashed;
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
  }
  .datatable-facet-summary {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding-inline-start: 0.5rem;
    margin-inline-start: 0.5rem;
    border-inline-start: var(--bs-border-width) solid var(--bs-border-color);
  }
  .datatable-facet-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.5rem;
    padding-block: 0;
    padding-inline: 0.5rem;
    border: 0;
    border-radius: var(--bs-border-radius-sm);
    background-color: var(--moo-muted-surface);
    color: var(--bs-body-color);
    font-size: 0.74987rem;
    font-weight: var(--bs-body-font-weight);
    line-height: 1rem;
    white-space: nowrap;
  }
  .datatable-bulk-actions {
    --moo-datatable-bulk-actions-hover-scale: 1.02;
    --moo-datatable-bulk-actions-backdrop-blur: 8px;
    position: fixed;
    inset-inline-start: 50%;
    inset-block-end: 1rem;
    transform: translateX(-50%) scale(1);
    transition: transform 0.15s ease-out;
    z-index: var(--bs-zindex-fixed, 1030);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius-xl);
    background-color: var(--bs-body-bg);
    background-color: color-mix(in srgb, var(--bs-body-bg) 95%, transparent);
    backdrop-filter: blur(var(--moo-datatable-bulk-actions-backdrop-blur));
    box-shadow: var(--bs-box-shadow-lg);
  }
  @media (prefers-reduced-motion: reduce) {
    .datatable-bulk-actions {
      transition: none;
    }
  }
  .datatable-bulk-actions:hover,
.datatable-bulk-actions:focus-within {
    transform: translateX(-50%) scale(var(--moo-datatable-bulk-actions-hover-scale));
  }
  .datatable-bulk-summary {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
  }
  .datatable-preview-shell {
    max-width: 82rem;
  }
  @media (max-width: 991.98px) {
    .datatable-pagination {
      grid-template-columns: minmax(0, 1fr) auto;
    }
    .datatable-results-summary {
      justify-self: end;
      text-align: end;
    }
    .datatable-page-nav {
      grid-column: 1 / -1;
      justify-self: start;
      margin-block-start: 0.25rem;
    }
    .datatable-page-nav .pagination {
      justify-content: flex-start;
    }
  }
  @media (max-width: 575.98px) {
    .datatable-toolbar {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: start;
    }
    .datatable-search-filter {
      grid-column: 1 / -1;
      min-width: 0;
    }
    .datatable-toolbar-query {
      grid-column: 1 / -1;
      min-width: 0;
    }
    .datatable-toolbar-query .datatable-search-filter {
      flex: 1 1 auto;
    }
    .datatable-searchbar .datatable-search {
      max-width: none;
    }
    .datatable-search-filter-menu {
      max-width: calc(100vw - 2rem);
    }
    .datatable-search-filter-menu .dropdown-header {
      padding-block-end: 0.25rem;
      font-size: 0.76562rem;
    }
    .datatable-search-filter-menu .dropdown-item {
      min-height: 1.875rem;
      padding-block: 0.3125rem;
      font-size: 0.76562rem;
    }
    .datatable-toolbar-filters {
      display: flex;
      grid-column: 1 / -1;
      flex-direction: column;
      align-items: flex-start;
      min-width: 0;
    }
    .datatable-layout-switch {
      grid-column: 2;
      justify-self: end;
    }
    .datatable-select-all {
      grid-column: 1;
    }
    .datatable-toolbar-actions {
      grid-column: 1 / -1;
      margin-inline-start: 0;
      justify-self: end;
    }
    .datatable-toolbar-actions .datatable-view-trigger {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.375rem;
      flex: 0 0 auto;
      min-width: 0;
      min-height: var(--moo-datatable-toolbar-control-height);
      inline-size: auto;
      block-size: var(--moo-datatable-toolbar-control-height);
      padding-inline: 0.625rem;
    }
    .datatable-toolbar-actions .btn.btn-sm.datatable-view-trigger:has(> [data-icon="inline-start"]), .datatable-toolbar-actions .btn-group-sm > .btn.datatable-view-trigger:has(> [data-icon="inline-start"]) {
      padding-inline: 0.625rem;
    }
    .datatable-toolbar-actions .datatable-view-trigger > [data-icon] {
      width: 0.875rem;
      height: 0.875rem;
    }
    .datatable-view-trigger-label {
      display: inline;
    }
    .datatable-pagination {
      grid-template-columns: minmax(0, 1fr) auto;
    }
    .datatable-page-nav {
      grid-column: 1 / -1;
      justify-self: start;
    }
    .datatable-page-nav .pagination {
      justify-content: flex-start;
    }
  }
  .datatable--release-review {
    --moo-datatable-min-width: 64rem;
  }
  .form-label,
.form-check-label {
    user-select: none;
  }
}

:where(html, body)[data-bs-theme="dark"] .moo-ui:not([data-bs-theme]) .form-select,
.moo-ui[data-bs-theme="dark"] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

:where(html, body)[data-bs-theme="dark"] .moo-ui:not([data-bs-theme]) .form-switch .form-check-input:not(:checked):not(:focus),
.moo-ui[data-bs-theme="dark"] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}

:where(html, body)[data-bs-theme="dark"] .moo-ui:not([data-bs-theme]) .form-check-input:checked,
.moo-ui[data-bs-theme="dark"] .form-check-input:checked {
  filter: invert(1);
}

:where(html, body)[data-bs-theme="dark"] .moo-ui:not([data-bs-theme]) .btn-close,
.moo-ui[data-bs-theme="dark"] .btn-close {
  filter: var(--bs-btn-close-white-filter);
}

.modal-backdrop,
.offcanvas-backdrop {
  --bs-backdrop-opacity: var(--moo-overlay-backdrop-opacity, 1);
  background-color: var(--moo-overlay-backdrop-bg, color-mix(in srgb, var(--bs-black) 10%, transparent));
  -webkit-backdrop-filter: var(--moo-overlay-backdrop-filter, blur(8px));
  backdrop-filter: var(--moo-overlay-backdrop-filter, blur(8px));
}

.modal-backdrop.show,
.offcanvas-backdrop.show {
  opacity: var(--moo-overlay-backdrop-opacity, 1);
}